如何计算列的总和并在Asp.net的Jqgrid中显示在FooterRow上

Question

Hii伙计!! 我在jqgrid中显示数据并在jqgrid中启用'footerrow：true'现在根据我的需要，我想在页脚上显示特定列的总和行... Plz伙伴帮助我，因为我第一次使用Jqgrid ...

提前致谢....

Answer 1

如果要对jqGrid中的值求和，可以在JavaScript中执行此操作（最好在gridComplete事件中）：

$('#gridId').jqGrid({
    ...
    footerrow: true,
    gridComplete: function() {
        var $grid = $('#gridId');
        var colSum = $grid.jqGrid('getCol', '<Your column name>', false, 'sum');
        $grid.jqGrid('footerData', 'set', { 'Your column name>: colSum });
    }
});

如果需要在服务器端计算总和，则必须首先启用userDataOnFooter选项：

$('#gridId').jqGrid({
    ...
    footerrow : true,
    userDataOnFooter : true
});

然后在服务器响应中包含总和。 例如，在JSON的情况下，它应该如下所示：

{
    total: x,
    page: y,
    records: z,
    rows : [
        ...
    ],
    userdata: { <Your column name>: <sum counted on server side> }
}

您还可以查看jqGrid演示页面上的实时示例（您应该选择“Version in Version 3.5”，然后选择“Summary Footer Row”）。