Kendo ui 对KendoUI网格MVC中计算的未绑定列求和
我有一个KendoUI网格,需要在其中显示页脚中若干列的总和。 由于Items列是绑定的,这似乎工作得很好 我还有一个已计算的Items总净值列,但我无法使聚合函数正常工作。是否可以对计算列求和Kendo ui 对KendoUI网格MVC中计算的未绑定列求和,kendo-ui,kendo-grid,kendo-asp.net-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,我有一个KendoUI网格,需要在其中显示页脚中若干列的总和。 由于Items列是绑定的,这似乎工作得很好 我还有一个已计算的Items总净值列,但我无法使聚合函数正常工作。是否可以对计算列求和 columns.Bound(m => m.Items).Format("{0:n2}") .HtmlAttributes(new { @class = "items" }).Title("Units") .ClientFooterTemplate("#= kendo.format('{0:n2}
columns.Bound(m => m.Items).Format("{0:n2}")
.HtmlAttributes(new { @class = "items" }).Title("Units")
.ClientFooterTemplate("#= kendo.format('{0:n2}', sum) #");
columns.Template(p => { })
.ClientTemplate("#= kendo.toString((Items * 12) * NetPoundsPerItem, 'n2') #")
.Title("Total Net £s for Items")
.FooterTemplate("#= kendo.tostring(sum, \"n2\") #");
因为这是一个未绑定的列,所以您需要手动跟踪您的数字,然后将总和放入聚合列中。使用页脚模板
columns: [
{ field: "Cost", width: 120 }, footertemplate: "<div id='total'> Total : $0.00 </div> },
{ field: "Quanity", title: "Quanity", width: 40}]
//get the correct grid Kendo Grid
var grid = $("#grid").data("kendoGrid");
//get the data
var data = grid.dataSource.view();
var FinalTotal = 0;
// now iterate through each cell
data.forEach(function (entry) {
FinalTotal += entry["Quanitiy"] * entry["Price"];
}
// set the aggregate template div
$('#total').text("Total: " + kendo.toString(FinalTotal, 'C'));