如何在 JQGrid 中选择复选框时对行数据求和答案

【问题标题】：How to sum the Row data while selecting the Checkbox in the JQGrid如何在 JQGrid 中选择复选框时对行数据求和
【发布时间】：2011-06-15 09:42:28
【问题描述】：

在选择 jqgrid 中的复选框时，我需要对 jqgrid 中行数据的值求和，并且我需要在 jqgrid 的页脚中显示这些数据。请帮助我如何实现。

提前致谢，西兰巴桑，

【问题讨论】：

标签： jqgrid

【解决方案1】：

您可以使用footerData 方法。有关详细信息和演示示例，请参阅 here 和 here。

【讨论】：

@simbu94：不客气！如果您的问题得到解决，您可以将答案标记为“已接受”（详见here）。

【解决方案2】：

我得到了答案，我解决了这个问题。

答案是。

页脚：真， userDataOnFooter：真， onSelectRow：函数（rowId） {handleSelectedRow(rowId); },

函数句柄选择行（id）{

        var jqgcell     = jQuery('#list1').getCell(id, 'headerId');
        var amount     = jQuery('#list1').getCell(id, 'amount');            
        var cbIsChecked = (jQuery("#jqg_list1_"+jqgcell).attr('checked'));
     if(cbIsChecked==true)
         {

            if(amount!=null)
                {
                    totalAmt = parseInt(totalAmt) + parseInt(amount);
                }
         }else
             {
             if(amount!=null)
                {
                    totalAmt = parseInt(totalAmt) - parseInt(amount);
                }
             }

            myGrid.jqGrid('footerData','set',{needbydate:'Total Amount:',amount:totalAmt});

        }

上述函数用于通过单击复选框来获取所选行的值，您将通过调用外部函数（如 "handleSelectedRow" 从中传递行对象）从中获取值您进行操作并最终使用 jqGrid 函数更新您的答案，例如 "myGrid.jqGrid('footerData','set',{needbydate:'Total Amount:',amount:totalAmt}); " 它将在您的页脚中更新。

【讨论】：

这是关于选择复选框的 JQGrid 示例，特定行的值将被求和并显示在 jQGrid 的页脚中。