Jquery 如何在页脚jqgrid中使用total coleme

Jquery 如何在页脚jqgrid中使用total coleme,jquery,jqgrid,Jquery,Jqgrid,我创建jqgrid dynmamic,但我有问题。创建页脚jqgrid时 我想要summaryType的COLENME id总计。但显示结果为空 这个演示 这是我的密码 $grid.jqGrid({ data: data, colModel: [ { name: "act", template: "actions" }, { name: "id", width: 50, summary

我创建jqgrid dynmamic,但我有问题。创建页脚jqgrid时 我想要summaryType的COLENME id总计。但显示结果为空 这个演示

这是我的密码

 $grid.jqGrid({
        data: data,
        colModel: [
            { name: "act", template: "actions" },
            { name: "id", width: 50,
               summaryTpl: "Sum: {0}",
                summaryType: "sum",


            },

这个问题的原因很容易解释。属性
summaryTpl:“Sum:{0}”、summaryType:“Sum”
在数据分组过程中使用,而不是将某些数据放在页脚行中。要填充页脚,您可以使用
userDataOnFooter:true
选项,也可以指定
userData
选项,或者调用
footerData
明确设置页脚的内容

演示首先计算总和

var i, sum = 0;
for (i = 0; i < data.length; i++) {
    sum += parseInt(data[i].id, 10);
}
创建页脚并在页脚行的
id
列中设置计算的总和

另一个演示在
loadComplete

footerrow: true, // the footer will be used for Grand Total
loadComplete: function () {
    var $self = $(this);
    $self.jqGrid("footerData", "set", {
        id: parseFloat($self.jqGrid("getCol", "id", false, "sum"))
    });
}
需要注意的是,演示中使用的
getCol
只能从当前页面访问数据。您可以在演示中看到这一点,其中
rowNum
更改为2

footerrow: true, // the footer will be used for Grand Total
loadComplete: function () {
    var $self = $(this);
    $self.jqGrid("footerData", "set", {
        id: parseFloat($self.jqGrid("getCol", "id", false, "sum"))
    });
}