如何访问kendo网格页脚模板值

时间:2013-08-09 10:49:11

标签: asp.net-mvc-4 razor kendo-ui footer kendo-grid

我使用kendo工具和asp.net mvc4开发了一个Web应用程序..

下面是我正在使用的网格的屏幕截图,我需要在获取页脚值 ..根据此,总价值为$ 74,050.85 ..

我需要将此值分配给文本框或变量,并在其他地方使用它,但没有来自在线资源的正反馈..

enter image description here

有人可以告诉我如何从页脚模板中获取值 ..

4 个答案:

答案 0 :(得分:4)

我猜您在kendogrid中使用聚合函数来计算总库存[所以您的总金额为$ 74,050.85 ..],我是对的吗?

如果是,则 这应该是你问题的最佳答案。 例如你的kendogrid id ='gridtotal',以及你聚合的字段= total_stock

所以,如果你想得到总数,你就这样做

    var total = $("#gridtotal").data().kendoGrid.dataSource.aggregates().total_stock.sum;

如果您想了解更多信息,请点击此处 http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-group.aggregates

答案 1 :(得分:3)

在网格列定义下,添加

footerAttribute: {"id":"total-stock"}

这将为单元格添加一个id。然后你可以使用jquery直接拉它:

var totalStock = $("#total-stock").text().split(":")[1]

如果你想提取原始数值,你也可以通过解析数字得到它,或者你可以将它作为属性分配给单元格。

footerAttribute: {"id":"total-stock", "data-value": sum }

然后再参考

var totalStock = $("#total-stock").data("value")

答案 2 :(得分:2)

您可以通过设置footerTemplate来获取页脚聚合值(例如总计)。该页脚模板可以执行任意代码,例如更新文本框值。

另一个选择是使用jQuery来获取页脚的文本:

var totalText = $("#grid .k-footer-template").text();

答案 3 :(得分:0)

Sanzy,

您是否想出设置页脚模板总值的值?

这就是我用的。

var totalWeight = 0;
var theGridData = $(gridSelector).data("kendoGrid").dataSource.data();
$(theGridData).each(function (index, item) {
    totalWeight += item.Weight;
});
$('#total-stock').text("Total: " + totalWeight); 

希望这有帮助。