allowMerging 사용 후, grid.selection 처리 문제

allowMerging 사용 후, grid.selection 처리 문제 > Q&A | 토론

VueJS allowMerging 사용 후, grid.selection 처리 문제

추천0 비추천 0

페이지 정보

작성자 그램

작성일 2024-03-24 22:11 조회 41회 댓글 1건

제품 버전 : 5.20222.877

본문

관련링크

안녕하세요.

wijmo grid에서 아래처럼 셀병합을 사용하면서, grid.selection을 사용하니

상단 체크박스를 선택해도 체크박스가 전체선택, 전체선택해제가 되지 않습니다.

vue.js

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>`;
        }
      });
    };