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

[FlexGrid] 병합된 셀을 기준으로 행을 끌어 위치 변경하기 > 지식 쉐어링

본문 바로가기

개발꿀팁 [FlexGrid] 병합된 셀을 기준으로 행을 끌어 위치 변경하기

페이지 정보

작성자 GCK다이애나 작성일 2022-12-15 15:44 조회 344회 댓글 0건

본문

병합된 셀을 기준으로 그리드의 행을 드래그 및 드롭하여 위치를 변경하시길 원하시는 경우, draggingRow 이벤트와 draggedRow 이벤트를 이용하시면 됩니다.

그리드의 draggingRow 이벤트와 draggedRow 이벤트를 아래의 단계와 같이 구현해 보시기 바랍니다.

  1. draggingRow 이벤트에 병합된 셀이 속하는 행들의 인덱스 값을 불러와 사용자 정의 변수에 저장하는 코드를 구현합니다. 
  2. draggedRow 이벤트 호출 시 splice 메서드를 통해 병합된 셀이 속하는 행들의 위치를 변경하는 코드를 작성합니다.
  3. 이때, 행을 드래그 하기 위하여 그리드의 allowDragging 속성 값을 'Both' 로 설정해 주셔야 합니다.

자세한 코드는 아래의 샘플을 참고해 보시기 바랍니다.

샘플에서는 사용자 정의하여 확장된 MergeManager 클래스를 이용해 병합된 셀을 기준으로 행의 헤더를 병합하여 나타내었으니 참고해 주시기 바랍니다.


이와 관련된 데모 및 API 문서를 공유 드리오니 참고해 보시기 바랍니다.

- 사용자 정의 병합 데모

- 재정렬 | Reordering 데모

- draggingRow API 문서

- draggedRow API 문서

- dataItem API 문서

- items API 문서


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

댓글목록

등록된 댓글이 없습니다.

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