【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);
}



评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张思全

实践,方能出真知!打赏博主吧!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值