码迷,mamicode.com
首页 > 其他好文 > 详细

jqGrid 添加 合计行 footDate

时间:2019-01-17 16:24:51      阅读:459      评论:0      收藏:0      [点我收藏+]

标签:data   func   属性   read   send   class   list   form   mon   

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/

 

jqGrid 添加 合计行 footDate

标签:data   func   属性   read   send   class   list   form   mon   

原文地址:https://www.cnblogs.com/yxdmoodoo/p/10282808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!