VueJS allowMerging 사용 후, grid.selection 처리 문제
추천0 비추천 0
페이지 정보
작성자 그램 작성일 2024-03-24 22:11 조회 58회 댓글 1건제품 버전 : 5.20222.877
본문
관련링크
안녕하세요.
wijmo grid에서 아래처럼 셀병합을 사용하면서, grid.selection을 사용하니
상단 체크박스를 선택해도 체크박스가 전체선택, 전체선택해제가 되지 않습니다.
typescript.ts
grid = new WijmoFlexGrid();
grid.isReadOnly = true;
grid.headersVisibility = HeadersVisibility.Column;
grid.selection = true;
grid.initialized = function (g) {
const extraRow = new wjGrid.Row();
extraRow.allowMerging = true;
const panel = g.columnHeaders;
panel.rows.splice(0, 0, extraRow);
setMergeCell(panel, g.getColumn('병합시작컬럼').index, g.getColumn('병합종료컬럼').index, '병합명');
setMergeCell(panel, g.getColumn('병합시작컬럼').index, g.columns.length - 1, '병합명');
// 헤더 셀 병합
g.columns.forEach((v) => {
const cellData = panel.getCellData(0, v.index, false);
if (!cellData) {
v.allowMerging = true;
panel.setCellData(0, v.index, v.header);
}
});
// 헤더 센터 정렬
g.formatItem.addHandler((s, e) => {
if (e.panel === s.columnHeaders && e.range.rowSpan > 1) {
const html = e.cell.innerHTML;
e.cell.innerHTML = `<div class="v-center">${html}</div>`;
}
});
};
셀병합을 풀면, 아래처럼 전체선택, 전체선택해제가 가능합니다.
allowMerging을 사용하면서 grid.selection이 정상작동 하려면 어떻게 수정을 해야하나요?