jqGrid实现当前页列合计与总计

当前页列合计

js代码如下:

 ...footerrow: true,gridComplete: function () {var rowNum = parseInt($(this).getGridParam('records'), 10);if (rowNum > 0) {$(".ui-jqgrid-sdiv").show();var Hits = jQuery(this).getCol('Hits', false, 'sum');$(this).footerData("set", { "Source": "<font color='red'>当前页点击合计<font>", "Hits": "<font color='red'>" + Hits + "<font>"});} else {$(".ui-jqgrid-sdiv").hide();}},userDataOnFooter: true,...

设置footerrow: true,userDataOnFooter: true,在gridComplete中用jQuery(this).getCol('Hits', false, 'sum')计算合计就行，"Hits"表示要合计的列。

总列合计

实现方法可以在后台计算好后传到前台，这是最简单的做法。

本次介绍是修改"jqGrid.js"文件，让其直接支持getGridParam('新添加的属性名')方法，这样在其他列表中也可以直接使用了。

由于是直接是生产环境，就直接对"jqGrid.min.js"改动如下：

1.在 d.p.records = y($.jgrid.getAccessor(a, g.records))后添加 d.p.totalSum = y($.jgrid.getAccessor(a, g.totalSum))。

2.在 d.p.jsonReader = $.extend(!0, { root: "rows", page: "page", total: "total", 后添加 totalSum: "totalSum"。

3.在 d.p.localReader = $.extend(!0, { root: "rows", page: "page", total: "total", 后添加 totalSum: "totalSum " 。

具体做法是在后台给jqGrid对象增加一个某列合计的属性，再在前台直接通过$(this).getGridParam('新添加的属性名')取出，代码示例如下:

  ArtJqGridResult<ExtArticle> jqGridPage = new ArtJqGridResult<ExtArticle>();jqGridPage.page = pageIndex;jqGridPage.records = totalRecord;jqGridPage.rows = userlist;jqGridPage.pageSize = pageSize;jqGridPage.totalSum = hitsSum;return Json(jqGridPage, JsonRequestBehavior.AllowGet);

前台在GridComplete中通过parseInt($(this).getGridParam('totalSum'))取出就行。

代码如下：

...gridComplete: function () {var rowNum = parseInt($(this).getGridParam('records'), 10);if (rowNum > 0) {$(".ui-jqgrid-sdiv").show();var Hits = jQuery(this).getCol('Hits', false, 'sum');var hitsSum = parseInt($(this).getGridParam('totalSum'));$(this).footerData("set", { "Source": "<font color='red'>当前页点击合计<font>", "Hits": "<font color='red'>" + Hits + "<font>", "CreateUser": "<font color='red'>总点击合计<font>", "CreateDate": "<font color='red'>" + hitsSum + "<font>" });} else {$(".ui-jqgrid-sdiv").hide();}},...

效果图：

转载于:https://www.cnblogs.com/kungge/p/5956656.html

jqGrid实现当前页列合计与总计相关推荐

serverl列求和 sql_分组后分组合计以及总计SQL语句--收集未整理
分组后分组合计以及总计SQL语句 1)想一次性得到分组合计以及总计,sql: SELECT分组字段FROM表 GROUP BY分组字段 compute sum(COUNT(*)) ===== 2)分组 ...
关于tableau中行合计，列合计
关于tableau中行合计,列合计每天一点点,记录工作中实际可行操作 tableau中使用行总计或者列总计菜单 :分析-合计-行总计/列总计显示出来,即可
jqgrid 设置冻结列
有时,jqgrid表格的列非常多,而表格的宽度值是固定的,我们需要在表格底部出现滚动条,并且固定前面几个列作为数据参照项,如何实现? 需要用的jqgrid冻结列,步骤如下: 1)设置需要冻结的列属性, ...
oralce rollup 小计合计_总计与小计–WITH ROLLUP
rollup:汇总在GROUP后加WITH ROLLUP来实现总计与小计,它会对每次分组的结果进行ROLLUP操作,产生汇总的结果,显示在行下. 在显示的时候可用GROUPING来判断当天是数据行还 ...
关于jqGrid动态改变列的解决方案
项目中使用了jqGrid列表控件,碰到"通过选择不同的日期段,出现该日期段中每一天的统计数据"这样的需求.因为之前对这个列表控件不是很熟悉,网上的资料显示和列相关的两个属性:col ...
el-table 选择列合计，fixed固定某列，合计行放在表格上方，设计合计行样式
问题描述: 选择特定的几列进行合计,并将el-table的合计行放在表格上方,并修改合计行样式. 最终展示为: 解决方案: 关键代码: show-summary :summary-method=&qu ...
easyui Grid 的列合计
<table id="dg"></table> $(function () { $('#dg').datagrid({ ...
Jqgrid之合计行
用grid显示数据时,通常都需要看到一些数字的合计信息. 比如人数,金额等等. 下面看一些jqgrid是怎么使用合计行的. 语法:$("#jqGrid_id").footerDat ...
小计合计总计共计怎么解释？
排列顺序:小计.总计.合计.共计分开使用. 小计:小计就是简单核算一下单个体,可理解为日小计合计:合计就是把所有小计加起来,可理解为月合计总计:总计就是把合计加起来,可理解为年总计共计:一组数字 ...

jqGrid实现当前页列合计与总计

jqGrid实现当前页列合计与总计相关推荐

最新文章

热门文章