如何在JQGrid中选择Checkbox时对Row数据求和

时间:2011-06-15 09:42:28

标签: jqgrid

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

先谢谢, 西尔巴拉萨恩,

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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

答案是。

footerrow:真,              userDataOnFooter:真实,               onSelectRow:function(rowId)                         {handleSelectedRow(rowId); },

function handleSelectedRow(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});” 它将在您的页脚中更新。I have attached the screenshot regarding this question for your reference.

Screenshot of the Onselect row sum in Footer Example.