jqGrid 添加 合计行 footDate

jQuery(table_id).jqGrid({
                url : url,//组件创建完成之后请求数据的url
                datatype : "json",//请求数据返回的类型。可选json,xml,txt
                postData:paramObj,
                rownumbers: true,
                rowNum : rownum,//一页显示多少条
//                rowList : [ 10, 20,30 ],//可供用户选择一页显示多少条
                pager : list_id,//表格页脚的占位符(一般是div)的id
                height:'auto',
                jsonReader:{
                    sidx:"sidx",
                    root:"list",
                    total:"totalPage",
                    page:"currentPage",
                    records:"rowNumber",
                    repeatitems:false
                },
//                sortname : 'id',//初始化的时候排序的字段
//                sortorder : "desc",//排序方式,可选desc,asc
                footerrow:true,
                gridComplete:function(){
                     if(rownum==22){//该判断只是我的jqGrid是公用的方法,加合计是单独的表格有这一需求
                         var sum_sent=$(table_id).getCol('sendAmount',false,'sum');
                         var sum_return=$(table_id).getCol('returnAmount',false,'sum');
                         var sum_ratio =(Number(sum_return)/Number(sum_sent))*100;
                         var ratio=sum_ratio.toFixed(2);
                         $(table_id).footerData('set', {city: '总计',sendAmount:sum_sent,returnAmount:sum_return,returnRatio:ratio});
//这里总共用到了两个方法和两个属性  
//属性:1、footerrow:true    2、gridComplete
//方法:1、getCol(name,true/false,sum/avg/count)  2、footerData
                     }
                },
                mtype : "post",//向后台请求数据的ajax的类型。可选post,get
                viewrecords : true,//定义是否要显示总记录数
                caption :'',//表格的标题名字
                colNames :['账期', '地市', '发货量','退货量', '退货率'],//jqGrid的列显示名字
                colModel :[      {name : 'month',index : 'list.month',width : 100}, 
                         {name : 'city',index : 'list.city',width : 80},
                         {name : 'sendAmount',index : 'list.sendAmount',width : 250}, 
                         {name : 'returnAmount',index : 'list.returnAmount',width : 150,align : "right"}, 
                         {name : 'returnRatio',index : 'list.returnRatio',width : 250,align : "right",formatter:function(cellvalue, options, rowObject){return cellvalue+'%';}}
                       ]
            }).trigger('reloadGrid');

去这里看吧 你要的都有

http://blog.mn886.net/jqGrid/

 

posted @ 2019-01-17 16:09  做你的猫  阅读(3907)  评论(0编辑  收藏  举报