Kendo UI:在页脚中放置网格汇总值

Ian*_*ink 9 kendo-ui kendo-grid

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

这可能吗?

Ona*_*Bai 19

确实是的!检查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
});
Run Code Online (Sandbox Code Playgroud)

我已经定义了DataSource两个字段:项目nameprice.我想总计的price,所以我定义的aggregate用于price什么,我要做的是sum(你也可以min,max,averagecount).

然后在Grid我定义列时,我写道:

columns    :[
    { field:"name", title:"Product" },
    { field:"price", title:"Price", footerTemplate:"Sum: #= sum # " }
],
Run Code Online (Sandbox Code Playgroud)

就是这样!

  • 让我看看我是否可以输入SO注释:.DataSource(dataSource => dataSource.Ajax().Aggregates(aggregates => {aggregates.Add(p => p.price).Sum();}))和列:列(列=> {columns.Bound(p => p.name); columns.Bound(p => p.price).ClientFooterTemplate("Sum:#= sum#");}) (5认同)