! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

FlexGrid 셀 편집 후, 편집된 셀에 대한 정보 얻기 > 지식 쉐어링

본문 바로가기

개발꿀팁 FlexGrid 셀 편집 후, 편집된 셀에 대한 정보 얻기

페이지 정보

작성자 GCK루시 작성일 2022-09-13 14:48 조회 587회 댓글 1건

본문

Wijmo FlexGrid에서 편집된 셀에 대한 정보를 얻기 위해서는 셀 편집이 끝난 중에 발생하는 cellEditEnding 이벤트를 이용하시면 됩니다. 


먼저 cellEditEnding 이벤트의 두 번째 매개변수인 cellEditEndingEventArgs 에서 row와 column 속성을 이용하여 행/열 인덱스 값을 가져올 수 있습니다. 


마지막으로 FlexGrid에서 현재 셀 편집기를 나타내는 HTMLInputElement를 가져오는 activEditor 속성에서 편집된 값에 대해서 구할 수 있습니다. 자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.

 cellEditEnding:function(s,e){
            let oldVal = s.getCellData(e.row, e.col),
            newVal = s.activeEditor.value;
            if (oldVal !== newVal){
              html +=  `<li>행 인덱스 ${e.row}와 열 인덱스 ${e.col}의 값이 ${newVal}로 변경 되었습니다. </li>`;
                document.querySelector('#info').innerHTML = html;
}



- CellEditEnding

- ActiveEditor

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

Nexus님의 댓글

profile_image Nexus 작성일

질문과 별개로 이렇게 꿀팁을주시니 너무 좋네요!!

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

인기글

더보기
  • 인기 게시물이 없습니다.
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.