zoukankan      html  css  js  c++  java
  • 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/

  • 相关阅读:
    Android Studio安装与配置
    T-SQL:qualify和window 使用(十七)
    《c#图解教程》
    c# 创建,加载,修改XML文档
    c# 使用迭代器来创建可枚举类型
    C#上手练习3(while、do while语句)(添加机器人聊天)
    C#上手练习2(FOR语句)
    C#上手练习1(if语句、Swich语句)
    解决java导入project出现红叉
    ABAP ALV显示前排序合并及布局显示
  • 原文地址:https://www.cnblogs.com/yxdmoodoo/p/10282808.html
Copyright © 2011-2022 走看看