PivotGrid 는 PivotEngine 에서 생성된 데이터의 요약을 표시하며, PivotPanel 은 해당 데이터의 요약을 편집할 수 있는 UI를 제공합니다.

팝업을 통해 PivotGrid 를 동적으로 구현하시려는 경우, 팝업 내부에 deferredUpdate 속성 값이 'true' 인 PivotPanel 컨트롤을 생성하여 해당 컨트롤의 하단에 존재하는 'Update' 버튼 클릭 시 편집된 데이터 요약이 PivotGrid 에 표시되도록 구현하시면 됩니다. 이때 'Update' 버튼 클릭 시 팝업이 닫히길 원하신다면, 해당 버튼에 대한 요소를 PivotPanel 의 hostElement 속성을 통해 불러와 요소의 className 속성 값에 ' wj-hide-ok' 를 추가하는 코드를 작성하시면 됩니다.

아래의 샘플을 참고해 보시기 바랍니다.

샘플 코드의 경우, 샘플 좌측 상단의 'HTML','CSS','JS' 탭을 클릭하여 확인하실 수 있습니다.

이와 관련된 데모 및 API 문서를 공유 드리오니 참고해 보시기 바랍니다.

- PivotGrid 데모

- 팝업 및 대화 상자 데모

- deferredUpdate API 문서

- hostElement API 문서