• 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/

  • 相关阅读:
    HEOI2018——welcome to NOI2018
    【HEOI 2018】Day2 T2 林克卡特树
    【康托展开】
    【省选模拟测试3】
    【BZOJ 2850】巧克力王国
    【BZOJ 3569】 DZY Loves Chinese II
    【BZOJ 4652】【NOI 2016】循环之美
    【BZOJ 3534】: [Sdoi2014]重建
    mysql 的研究
    mysql 的研究
  • 原文地址:https://www.cnblogs.com/yxdmoodoo/p/10282808.html
Copyright © 2020-2023  润新知