안녕하세요 메시어스입니다.

확인 회신 감사드리며 문의에 대해 답변 드립니다.

1. 소계 전체 펼치기, 접기 문의

=> 주어진 레벨로 모든 그룹 행들을 축소하는 collapseGroupsToLevel 메서드를 이용하여 구현할 수 있습니다. 아래 코드를 참고하여 주시기 바랍니다.

<button @click="expandGroup" >펼치기</button>
<button @click="collapseGroup">접기</button>

(.....)

expandGroup:function(){
      this.grid.collapseGroupsToLevel(1000)
},

collapseGroup:function(){
      this.grid.collapseGroupsToLevel(0)
},

2. 합계의 위치를 상단에 표시하는 방법 문의

=> 해당 기능의 경우, Wijmo에서는 공식적으로 CollectionView의 groupDescriptions과 PropertyGroupDescription을 통해 총계 행을 상단에 설정하도록 지원하고 있습니다. 아래 데모를 참고하여 주시기 바랍니다.

- 데이터 위에 집계 표시 데모 

3. 총계 행 설정과 함께 페이징 처리 문의

=> 해당 문의의 경우, 기본적으로 가능하며 아래 샘플을 참고하시길 바랍니다.

- groupDescriptions API 문서

- PropertyGroupDescription Class API 문서

- collapseGroupsToLevel API 문서

관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.

감사합니다.

메시어스 드림

답변 감사합니다.

한가지 더 문의사항이 있습니다.

저희가 전체 데이터를 가져와서 화면에서 페이징처리하는게 아니라서

여러 페이지가 있어도 해당 페이지 내용만 조회해오는거라서

전체 합계가 안되는데

혹시 합계의 각 해당 컬럼의 데이터를 setCellData와 같이 세팅 할 수 있나요? 

안녕하세요 메시어스입니다.

문의하신 내용이 별도 합계 계산 후, GroupRow의 값 변경이 맞다면 display 된 값과 실제 데이터를 설정하기 위해 formatItem 내에서 innerHTML 설정 및 setCellData를 설정해주시기 바랍니다.

아래 간단한 코드를 공유드리오니 참고 부탁드립니다.

grid.formatItem.addHandler(function(s,e){
        var row = s.rows[e.row];
        if (s.cells === e.panel && row instanceof GroupRow && e.row === 0) {
          if(e.col == 3){
            e.cell.innerHTML = 10000;
            e.panel.setCellData(0,3,10000,false,false)  
          }
        }
      })

다른 궁금한 점이 생기면 문의주시기 바랍니다.

감사합니다.

메시어스 드림

안녕하세요

추가로 문의사항이 있어서 글 남깁니다.

위의 방법대로하면 초기 그리드 생성시에만 세팅이 가능한데

조회 결과에 따라 합계 값이 변경되어야 하는데

조회api 호출 후에 합계 값 셋팅하는 방법 공유부탁드립니다.

감사합니다.

안녕하세요 메시어스입니다.

저희 쪽에서 테스트해보았을 때, 조회 및 데이터 바인딩이 이루어질 때 formatItem 이벤트가 호출되어 GroupRow의 값을 새롭게 설정하고 있습니다. 따라서 정확한 원인 파악을 위해서 간단한 샘플을 공유드리오니 해당 샘플과 현상이 나타나는 샘플과 비교하여 코드 입력 후, 저희 쪽으로 재현 가능한 샘플을 공유해준시다면 재현 및 디버깅 후 안내드리도록 하겠습니다.

감사합니다.

메시어스 드림