【问题标题】:Kendo UI: Place Grid Summary Values in FooterKendo UI:将网格摘要值放在页脚中
【发布时间】:2012-11-12 03:11:59
【问题描述】:

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

这可能吗?

【问题讨论】:

    标签: kendo-ui kendo-grid


    【解决方案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,其中包含两个字段:nameprice。我想汇总price,所以我为price定义了一个aggregate,我要做的是sum(你也可以minmaxaveragecount )。

    然后在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,这是缺失的问题的最新部分?
    猜你喜欢
    • 1970-01-01
    • 2017-08-13
    • 2014-05-08
    • 2014-03-18
    • 1970-01-01
    • 2012-10-30
    • 1970-01-01
    • 2012-09-12
    • 2013-12-07
    相关资源
    最近更新 更多