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

Row Header 드래그로 위치 이동시 collectionView 변경 > Q&A | 토론

본문 바로가기

PureJS Row Header 드래그로 위치 이동시 collectionView 변경

페이지 정보

작성자 톡톡 작성일 2022-09-20 15:33 조회 1,067회 댓글 1건
제품 버전 : 5.20201.664

본문

row header을 드래그해서 위치를 바꾸면

collectionView 에서도 동일하게 데이터 위치가 바뀌게하고 싶습니다.

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

댓글목록

삭제된 댓글

톡톡 작성일

삭제된 댓글 입니다.

1 답변

PureJS Re: Row Header 드래그로 위치 이동시 collectionView 변경

추천1 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK다이애나 작성일 2022-09-21 14:18 댓글 1건

본문

안녕하세요 그레이프시티입니다.


문의 주신 내용에 대해 답변 드립니다.

deferUpdate 메서드를 이용해 항목 순서가 변경된 데이터 소스를 그리드의 collectionView 속성 값으로 변경할 수 있습니다.

아래의 샘플에서 그리드의 행 헤더를 드래그 하여 위치를 변경 후, 'CollectionView의 데이터 보기' 버튼을 눌러 항목 순서가 변경된 데이터를 확인해 보시기 바랍니다.

샘플은 다음과 같은 방법으로 구현되었습니다.

  1. allowDragging 속성이 Both 속성 값으로 지정된 FlexGrid 컨트롤, 'CollectionView의 데이터 보기' 버튼과 h5 태그를 생성합니다.
  2. 드래그 한 행의 인덱스가 매개변수로 지정된 moveCurrentToPosition 메서드를 호출하는 코드를 FlexGrid 컨트롤의 draggingRow 이벤트에 구현합니다.
  3. 드래그 후 순서가 변경된 데이터를 deferUpdate 메서드를 이용하여 FlexGrid 컨트롤의 collectionView 속성 값으로 변경하는 코드를 draggedRow 이벤트에 구현합니다.
  4. FlexGrid 컨트롤의 collectionView 속성의 데이터를 h5 태그 내부에 표기하는 사용자 정의 함수 showCollectionview 를 버튼의 클릭 이벤트로 지정합니다.


- 재정렬 | Reordering 데모

- deferUpdate API 문서

- draggedRow API 문서

- draggingRow API 문서

- moveCurrentToPosition API 문서


API 문서를 공유드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다.


그레이프시티 드림

댓글목록

톡톡님의 댓글

톡톡 작성일

moveCurrentToPosition이 있었군요.
답변 감사합니다. 도움이 되었습니다.

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