SMART datagrid v.1 > Examples

Back  Forward

Column Footer  Example

在SMART datagrid格中,可以简单计算和显示各个列的合计。 本次例题中,我们将会了解连接在数字字段的列注脚显示合计的基本方法。 

Grid - 1
rows
变更取消金额合计

目前,设置为显示"varp(方差)"的"取消金额"列注脚不显示值, 因为网格的summaryMode被设置为SummaryMode.AGGREGATE。 为计算和显示如varp(方差)stdev(标准偏差)等统计性值,需要将网格的summaryMode设置为SummaryMode.STATISTICAL。 可以在上面的SummarMode选择框中变更选择。 

Code -1
    selSumMode_change: function (ev) {
        grdMain.displayOptions().setSummaryMode(ev.target.value);
    }

我们可以动态变更显示在列注脚的合计。 当变更变更取消金额合计旁边的选择时,取消金额列注脚的显示值将会发生变更。 

Code -2
    selCancelledSum_change: function (ev) {
        var column = grdMain.columnByName('CancelledAmount')
        var value = ev.target.value;            
        column.footer().setExpression(value);
    }

有时,可能会需要得出当前网格中所计算的列的合计。 这时,通过使用GridBase.getSummary方法,可以获取各种列的合计值。 

Code -3
    btnSummary_click: function (ev) {
        var value = document.getElementById('selSumExp').value;
        value = grdMain.getSummary('original_amount', value);
        alert(ev.target.value + ' =  ' + value);
    }

最重要的是,显示在列注脚的合计值是与数据单元格的现值同步的。 也就是说,当变更数据单元格的值时,它会立即反映到合计中,并且注脚的显示值也会发生变更。 

查看源代码 JSP 

See Also
ColumnFooter
SummaryMode
getSummary
Examples
列注脚回调