PureJS 그리드 레이아웃 복원시 makeButton 사라짐 문의
페이지 정보
작성자 라레 작성일 2021-06-27 13:27 조회 3,586회 댓글 0건본문
관련링크
안녕하세요.
아래 두가지 사항 문의드립니다.
1. 그리드 레이아웃을 변경하여 localStorage에 저장 > 복원하여 사용 시, 설정해놨던 makeButton 버튼이 나타나지 않아
저장 된 레이아웃 복원 후 버튼을 셋팅하는 방법을 문의드립니다.
2. 페이징 적용 시, 레이아웃을 << < 1 2 3 4 5 > >> 와 비슷한 유형의 형식으로 지정 할 수 있는 옵션이 있는지 문의드립니다.
감사합니다!
// 그리드 셋팅
staffView = new wijmo.collections.CollectionView(result, {
pageSize: 100
});
staffGridPager = new wijmo.input.CollectionViewNavigator('#staffGridPager', {
byPage: true,
headerFormat: '{currentPage:n0} / {pageCount:n0}',
cv: staffView
});
staffGrid = new wijmo.grid.FlexGrid('#staffGrid', {
autoGenerateColumns: false,
alternatingRowStep: 0,
columns: [
{ binding: 'staffName', header: '이름', isReadOnly: true, width: 100, align:"center" },
{ binding: 'memo', header: '메모', isReadOnly: true, width: '*', align:"center" },
{ binding: 'lateassDt', header: '최근접속일', isReadOnly: true, width: 100 , align:"center" },
{ binding: 'cretDt', header: '계정생성일', isReadOnly: true, width: 100 , align:"center" },
{ binding: 'edit', header: '정보수정', width: 100, align:"center",
cellTemplate: wijmo.grid.cellmaker.CellMaker.makeButton({
text: '<b>수정</b>',
click: (e, ctx) => {
showPop('modify_staff');
}
})
}
],
itemsSource: staffView
});
localStorage.setItem('staffInitLayout', staffGrid.columnLayout);
setUserGridLayout();
// 그리드 레아이웃 저장 및 복원
function getUserGridLayout(){
localStorage.setItem('staffLayout', staffGrid.columnLayout);
}
function setUserGridLayout(){
var layout = localStorage.getItem('staffLayout');
if (layout) {
staffGrid.columnLayout = layout;
}
}
function resetUserGridLayout(){
var layout = localStorage.getItem('staffInitLayout');
if (layout) {
staffGrid.columnLayout = layout;
}
localStorage.setItem('staffLayout', staffGrid.columnLayout);
}
댓글목록
등록된 댓글이 없습니다.