PureJS 그리드 순서 변경
페이지 정보
작성자 ulenia
본문
관련링크
그리드 표기 후 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('선택된 항목이 없습니다.');
}
}
댓글목록
등록된 댓글이 없습니다.