【JqGrid】JqGrid本页合计+总合计（统计）

今天做了个JqGrid本页合计+总合计（统计）的功能，有点吃力，所以在这里汇总纪录一下：

1、先看看效果，页面如下

2、要实现本页合计+总合计，首先需要添加如下代码：

代码如下：

formatPerson: function(cellValue, options, rowObject) {return cellValue+"+"+rowObject.tourGroup.totalChild+"+"+rowObject.tourGroup.totalGuide;},

然后在添加如下的属性和处理代码：

footerrow: true,//分页上添加一行，用于显示统计信息

 //处理合计var GroupList = xhr.result;groupGrid.getPageFooterTotal(GroupList);

如下图所示：

3、上面合计处理事件getPageFooterTotal的实现如下：

4、若是不存在对象中包含对象，单对象可以这样来做：

getPageFooter: function(totalRow){var pageObj = {sumTotal:0,pAdult:0, pChild:0, pGuide:0};$.each(totalRow, function(i,item){pageObj.sumTotal += parseFloat(item.total);pageObj.pAdult += parseInt(item.numAdult);pageObj.pChild += parseInt(item.numChild);pageObj.pGuide += parseInt(item.numGuide);});var options = {url:"taobaoOrderList_PostFooter.do",type:"post",dataType:"json",success:function(data){$("tr.footRow2").remove();var $footerRow = $("tr.footrow");$footerRow.after("<tr role='row' class='footrow footRow2 footrow-ltr ui-widget-content'>"+$footerRow.html()+"</tr>");var $newFooterRow = $("tr.footRow2");$("#tableDiv").footerData("set",{buyerNick:"页合计：",numAdult:pageObj.pAdult+"+"+pageObj.pChild+"+"+pageObj.pGuide, total:pageObj.sumTotal});if (data == null || data == 'null'){data = {incomeOrder:0,incomeOther:0,incomeShop:0,expenseTravelagency:0,expenseHotel:0,expenseRestaurant:0,expenseFleet:0,expenseScenicspot:0,expenseAirticket:0,expenseTrainticket:0,expenseInsurance:0,expenseOther:0,totalIncome:0,totalExpense:0,totalProfit:0,profitPerGuest:0, totalAdult:0, totalChild:0, totalGuide:0};}$newFooterRow.find("td[aria-describedby*='_buyerNick']").text("总合计：");$newFooterRow.find("td[aria-describedby*='_numAdult']").text(data.numAdult+"+"+data.numChild+"+"+data.numGuide);$newFooterRow.find("td[aria-describedby*='_total']").text(data.total);//$("tr.footrow").find("td").attr("class", "jqGridFooterBg");},error:function(XMLHttpRequest, textStatus, errorThrown){$.error(textStatus+':'+errorThrown);}};$("#specialGroupListForm").ajaxSubmit(options);
}

【JqGrid】JqGrid本页合计+总合计（统计）相关推荐

vue element-ui table表格自定义纵向合计横向合计
1表格横向数据合计表格代码 <el-table-column prop="" label="合计"><template slot-scope ...
NC6报销单外部交换平台报错“表头总金额与财务页签金额合计不一致“
问题情况: 只有一行表体数据时发送正常,如果有多行表体的数据时就出现报错:表头总金额与财务页签金额合计不一致造成原因: 1.表体的amount总和和表头的total不一致 2.表头的财务金额(&qu ...
网页设置页数/总页数_图书分配问题（分配最小页数）
网页设置页数/总页数 Problem statement: 问题陈述: Given an array of integers A of size N and an integer B. College ...
Element 单元格合计（多行合计、合计列合并）
前言基本内容自行查看官方文档,这里说一下比较特殊的需求. 合计行不显示问题最近做表格合计发现,合计行在页面初次加载时不会显示,但是窗口大小改变后,合计行正常显示. 解决数据变化,触发组件的up ...
帆软FCP第一题，finereport报表制作总结：每页既有页内合计，又有总合计，包含解决页合计，总合计最后一页重复的问题
这是一道FCP-报表开发工程师的题: 表格分页: 如果有表格头,要求每页都显示,可以用冻结,页可以用设置重复标题行.支持多行如果有表格有页内合计等跟随分页一起的东西,可以使用设置重复 ...
html table 合计,bootstrap-table 页脚总计(自定义统计总数)
•首先给table添加属性: showFooter: footer js代码如下: //初始化bootstrapTable initBootstrapTable: function () { var ...
RDLC报表实现页汇总和总合计
最近公司做项目要用到RDLC报表,站在前人的肩膀上学习了一下RDLC报表的实现方法,控件的数据源的建立我就不陈述了,网上有很多前人写的资料供学习.我在这篇博客里要记录的主要是报表按页汇总数据(每页展示 ...
实现table表格数据按名称字段分层，各层都有一个合计行，自定义的表格总合计行（vue.js+elementUI）
代码实现 <div class="tableBody" ref="tableBody"><table><div v-for=&qu ...
ORACLE中每个分组后加个合计，最后总合计的GROUP BY rollup，和中文排序
参考代码如下 SELECT LOCAL_NAME ,DEPT_DISTINGUISH_NAME ,SUM(TOTAL_PAY_SUM_R_LDC) TOTAL_PAY_SUM_R_LDC ,SUM(B ...

【JqGrid】JqGrid本页合计+总合计（统计）

【JqGrid】JqGrid本页合计+总合计（统计）相关推荐

最新文章

热门文章