실제 서버에서 넘겨 받은 데이터는 연도, 1분기, 2분기, 3분기, 4분기 데이터 뿐입니다.
기본적인 칼럼을 생성하여 실제 넘겨 받은 데이터를 출력하고, 이 데이터를 기반으로 그리드가 수식을 사용하여 만든 데이터를 출력한 모습니다.
즉, "상반기, 하반기, 연도별 매출, 최대 매출 분기" 칼럼은 그리드가 기본 데이터를 가공 계산하여 출력한 모습입니다.
1~4분기 셀을 편집하면 연관된 칼럼의 데이터와 푸터가 변경되는 것을 볼 수 있습니다.
의존적 칼럼(합계 칼럼) 작성은 다음처럼 작성 가능합니다.
headerText : "상반기", dataField : "myField1", // 중복되지 않게 임의로 지정하십시오. expFunction 에서 반환된 값이 여기에 보관됩니다. expFunction : function( rowIndex, columnIndex, item, dataField ) { // 여기서 실제로 출력할 값을 계산해서 리턴시킴. // 1~2 분기 합을 계산하여 반환 // expFunction 의 리턴형은 항상 Number 여야 합니다.(즉, 수식만 가능) return Number(item.col1 + item.col2); }
수정한 셀 확인하기 최대 분기 매출이 4분기인 연도만 보기(필터링) 필터링 해제
모든 데모는 각각 독립적인 단일 HTML 페이지입니다. 마우스 우클릭 후 "소스 보기" (또는 크롬 기준 단축키 Ctrl + U)로 어떻게 작성되었는지 쉽게 확인 할 수 있습니다.
Copyright © AUISoft Co., Ltd.