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

그리드 순서 변경 > Q&A | 토론

본문 바로가기

PureJS 그리드 순서 변경

페이지 정보

작성자 ulenia 작성일 2023-09-18 18:17 조회 339회 댓글 0건
제품 버전 : 5.20221.857

본문

그리드 표기 후 sorting을 사용하지 않고 위로, 아래로 와 같은 버튼을 만들어서 선택된 행의 순서를 변경해 주는 스크립트를 적용하고자 합니다. 

itemsSource가 한건도 없는 경우 신규 row 추가하여 구현시에는 순서 이동이 되는데, 저장된 데이터가 있어 itemsSource가 조회 된 이후에는 움직이지 않고 있습니다. 

확인 부탁 드립니다.


기본 그리드 option 

itemsSource : wijmoView,

autoGenerateColumns: false,

headersVisibility : 'All',

selectionMode : 'MultiRange',

showMarquee: true,

allowSorting: 'None',



function upBtn() {

var checkedRows = wijmoGrid.rows.filter(function (r){

return r.isSelected;

});

var checkRowIndexs = new Array();

if(checkedRows.length >  0){

checkedRows.forEach(function (row) {

if(row.dataIndex != 0){

checkRowIndexs.push(row.dataIndex-1);

const item = wijmoView.sourceCollection.splice(row.dataIndex, 1);

wijmoView.sourceCollection.splice(row.dataIndex-1, 0, item[0]);

}

});

checkRowIndexs.forEach(function(obj){

wijmoGrid.rows[obj].isSelected = true;  //순서 이동후 check가 해제되어 추가한 부분인데 다른 방법이 있나요? 

});

wijmoGrid.refresh();

wijmoView.commitNew();

} else {

alert('선택된 항목이 없습니다.');

}

}


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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 그리드 순서 변경

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

페이지 정보

작성자 GCK루시 작성일 2023-09-20 15:13 댓글 0건

본문

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


문의하신 행 이동의 경우, rows 컬렉션의 moveElement 메서드를 통해 구현해보시기 바랍니다. 


아래 간단한 샘플을 공유드리오니 참고 부탁드립니다. 샘플에서 행 선택 후 위 또는 아래 버튼 클릭 시 행이 이동하는 것을 확인하실 수 있습니다.




- moveElement API 문서

- selection API 문서

- cellRange API 문서


관련 API 문서를 공유드리오니 참고 부탁 드립니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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