SMART datagrid v1.4 > Examples

Back  Forward

Column Footer Callbacks  Example

컬럼 footer에 컬럼 셀들의 합계값을 표시하는 기본적인 방법은 ColumnFooter 예제에서 설명한대로 ColumnSummary.expression 속성에 그리드 내부에서 계산된 합계들을 활용한 수식을 지정하는 것이다. 하지만, 그리드 내부에서 계산된 합계값들만으로는 부족할 경우 callback이나 summaryCallback 속성에 합계를 계산하는 javascript 콜백함수를 지정할 수 있다. 

아래 그리드의 이율, 원금 컬럼은 callback 속성에 콜백 함수를 지정하고 있다. scope 매개변수에는 그리드 내부에서 계산된 합계 값들이 포함되어 있다. 

Code -1
    "footer": {
	    "callback": function (scope) {
	        return scope.avg();    
	    },
	    ...
    }	    

취소금액 컬럼은 summaryCallback 속성에 콜백 함수를 지정한다. summaryCallback에 지정하는 javascript 함수에서는 합계 셀에 표시할 값을 자체적으로 계산해서 리턴해야 한다. 

Code -2
    "footer": {
	    "summaryCallback": function (grid, column) {
	        var fld = column.dataIndex();
	        var v = 0;
	        for (var i = grid.rowCount(); i--;) {
	            v += grid.getValueAt(i, fld);
	        }
	        return v;
	    },
	    ...
    }	    
Grid - 1
rows

소스보기 JSP 

See Also
ColumnSummary.callback
ColumnSummary.summaryCallback
ColumnSummary.expression
ColumnFooter
ColumnHeaderSummary
SummaryMode
Examples
Column Footer