kendo-ui - 剑道UI : Place Grid Summary Values in Footer

Question

使用Kendo UI Grid和MVC 4，我无法找到一种方法将汇总总计(财务)放在选择列的网格底部。

这可能吗？

Answer 1

确实是的!检查DataSource Aggregate。

例子:

var stocksDataSource = new kendo.data.DataSource({
    transport:{
        read:function (options) {
        }
    },
    schema   :{
        model:{
            fields:{
                name :{ type:"string" },
                price:{ type:"number" }
            }
        }
    },
    aggregate:[
        { field:"price", aggregate:"sum" }
    ],
    pageSize :10
});

我定义了一个带有两个字段的DataSource:项目name和price。我想对price进行总计，因此我为aggregate定义了price，而我要做的是sum(您也可以min，max，average和count)。

然后在Grid中，当我定义要写入的列时:

columns    :[
    { field:"name", title:"Product" },
    { field:"price", title:"Price", footerTemplate:"Sum: #= sum # " }
],

就是这样!