Kendo UI：将网格摘要值放在页脚中

Posted 2023-05-07

【中文标题】Kendo UI：将网格摘要值放在页脚中

【英文标题】：Kendo UI: Place Grid Summary Values in Footer

【发布时间】：2012-11-12 03:11:59

【问题描述】：

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

这可能吗？

【参考方案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，所以我为price定义了一个aggregate，我要做的是sum（你也可以min，max，average和count )。

然后在Grid定义我写的列时：

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

就是这样！

【讨论】：

如何在 @html.Kendo().Grid(Model) 助手中完成？

让我看看我是否可以输入这样的评论：.DataSource(dataSource => dataSource.Ajax().Aggregates(aggregates => aggregates.Add(p => p.price)。 Sum(); ) ) 和列： Columns(columns => columns.Bound(p => p.name); columns.Bound(p => p.price) .ClientFooterTemplate("Sum: #=sum# "); )

我很高兴它有用！！

@OnaBai 我想知道你是否也可以回答问题的最后一部分？

@JohanJvRensburg，这是缺失的问题的最新部分？