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

문의하신 내용과 관련하여 안내 드립니다.

1. 'DOMNodeInserted' 경고 메세지 문의

=> 해당 경고 메세지의 경우, 내부적으로 확인되어 2023 v2 버전에서 수정 및 업데이트 반영될 계획입니다. 해당 메세지를 없애기 위해서는 2023 v2 출시 후, 최신 버전으로 업그레이드 구매 및 적용 하시거나 initialize 메서드를 사용하여 열 속성에 대한 열 정의를 별도로 제공하는 workaround를 이용해보시기 바랍니다.

자세한 코드는 아래 샘플에서 확인하실 수 있습니다.

다만 QA 과정에서 계획 일정 및 픽스 버전이 변경될 수 있기 때문에 이 점 업무에 참고 부탁 드립니다. 

2. 그리드 퍼포먼스 문의

=> 먼저 Wijmo 그리드의 경우, 가상화를 통해 일부 데이터만 렌더링 및 추적하며 이는 일반적으로 현재 화면에 보여지는 셀 수가 적을수록 퍼포먼스가 향상됩니다. 이와 관련되어 FlexGrid 속도 개선 방법에 대한 포럼 글을 공유드리오니 참고 부탁드립니다.

- Wijmo FlexGrid 속도 개선 방법

더불어 전체적인 FlexGrid의 퍼포먼스의 경우, 보여지는 셀 수, formatItem 설정 외 여러 요인에 의해 달라질 수 있기 때문에 직접 테스트를 해보는 것이 가장 정확한 방법입니다.

다만 FlexGridFilter의 디스플레이할 수 있는 최대 항목 수를 설정하는 maxValues 속성을 높은 값으로 설정 시 FlexGrid 퍼포먼스에 영향을 주실 있으므로 낮은 값으로 설정해주시기 바랍니다. maxValues의 경우 기본적으로 250개 설정되어 있으나 검색창을 사용하여 디스플레이에 표시되지 않는 항목도 검색 및 선택할 수 있습니다.

추가로 ValueFilterEditor의 updateEditor 기능을 재정의하여 FlexGridFilter 내부에 표시되는 listBox에 대한 가상화 임계값을 설정할 수 있지만 이는 그리드 성능이 약간 향상될 뿐이오니 참고 부탁드립니다.

let updator = ValueFilterEditor.prototype.updateEditor;
ValueFilterEditor.prototype.updateEditor = function () {
  updator.call(this);
  this._lbValues.virtualizationThreshold = 10;
};

자세한 코드는 아래 샘플에서 확인할 수 있습니다.(코드샌드박스 환경 제약으로 인해, 전체 데이터는 1000행으로 설정했습니다.)

3. Sorting 및 Filtering 유지 문의

=> 인터벌을 주고 sorting 및 filtering을 UI를 통해 설정 후 새로운 데이터를 바인딩 되었을 때 기존 sorting 및 filtering이 유지되는 것을 확인할 수 있습니다. 더불어 그리드 상태 유지 데모를 공유드리오니 참고 부탁드립니다.

- 그리드 상태 유지 데모

- maxValues API 문서

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

감사합니다.

메시어스 드림

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

최근 크롬 정책 변경으로 인한 DOMNodeInserted 경고창과 관련하여 추가적으로 FAQ 게시글에 안내 글을 작성하였으니 참고 부탁드립니다.

- [중요!] Google Chrome 정책 변경으로 인한, Wijmo 업그레이드 및 코드 수정 안내

감사합니다.

메시어스 드림