안녕하세요 그레이프시티입니다.

문의 주신 이슈의 경우, setCellData 메서드가 formatItem 내에서 호출되는 경우, 셀 값이 갱신되고 그리드가 비활성화되면서 다시 formatIem 에서 트리거되어 무한 루프 상태가 됩니다. 해당 이슈를 해결하기 위해서 아래와 같이 setCellData 메서드이 5번째 파라미터를 false로 전달하여 무효화를 중지시켜주시기 바랍니다. 

 s.columnFooters.setCellData(0, 1, count, true, false);

더불어 지속적인 이슈가 발생 시, 저희 쪽으로 바로 재현 가능한 샘플을 공유해주신다면 재현 및 디버깅 후, 문제 원인에 대해서 답변 드릴 수 있도록 하겠습니다. 

- setCellData : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#setcelldata

도움말 문서를 같이 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.

감사합니다. 

그레이프시티 드림 

* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

안녕하세요 ~ 

같은내용으로 오랜만에 다시 질문드립니다. 

컬럼 총계를 위 내용대로 formatItem를 사용해서 문제가 없이 잘사용되고있었는데,

데이터가 많아지고 그리드컬럼수도 많아지고 초기로딩때 안보이는 컬럼들문제인지 

사용자마다 화면 해상도가 다른문제인지  총계가 초기에 나오는유저도 있고 안나오는 유저도 있습니다.  정확한 원인은 불분명합니다만,

화면 크기를 리셋하거나 컬럼을 더블클릭하면 정삭적으로 총계부분이 재계산되어서 잘나옵니다. 

데이터로딩이 끝나고 컬럼을 더블클릭한것처럼 총계가 재계산이 되도록 리프레시 해주는 기능이 있을까요? 아니면 다른방법이 있는지 문의 드립니다. 

// create a GroupRow to show aggregates

        const row = new GroupRow();

        // 총계 footer [aggregate로 해결되는부분]

        grid.columnFooters.rows.push(row);

        // 총계 footer [aggregate가 없는 부분커스터마이징]

        grid?.formatItem.addHandler((grid: any, arg: any) => {

            //grid.beginUpdate();

            const l1Col = -1;

            let mfCol = -1;

            let aouCol = -1;

            let aeuCol = -1;

            let potCol = -1;

            if (grid.columns[arg.col].binding === 'l1ItemNo') {

                grid.columnFooters.setCellData(0, arg.col, '총계' , true, false);

            } else if (grid.columns[arg.col].binding === 'checklistMandatoryFlag') {

                mfCol = arg.col;

            }

            let mfCnt = 0;

            let aouCnt = 0;

            let aeuCnt = 0;

            let potSum = 0;

            grid.rows.forEach((row: any, idx: number) => {

                if (row.dataItem.checklistMandatoryFlag === true) {

                    mfCnt += 1;

                }

                if (row.dataItem.auditorUseFlag === true) {

                    aouCnt += 1;

                }

                if (row.dataItem.auditeeUseFlag === true) {

                    aeuCnt += 1;

                }

                if (row.dataItem.auditorUseFlag === true) {

                    if (!CommonUtils.isEmptyObject(row.dataItem.checklistItemPoint)) {

                        potSum += Number(row.dataItem.checklistItemPoint);

                    }

                }

            });

            if (l1Col != -1) grid.columnFooters.setCellData(0, l1Col, '총계' , true, false);

            if (mfCol != -1) grid.columnFooters.setCellData(0, mfCol, mfCnt, true, false);

            if (aouCol != -1) grid.columnFooters.setCellData(0, aouCol, aouCnt, true, false);

            if (aeuCol != -1) grid.columnFooters.setCellData(0, aeuCol, aeuCnt, true, false);

            if (potCol != -1) grid.columnFooters.setCellData(0, potCol, potSum, true, false);

        });