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==){//该判断只是我的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))*;
var ratio=sum_ratio.toFixed();
$(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 : },
{name : 'city',index : 'list.city',width : },
{name : 'sendAmount',index : 'list.sendAmount',width : },
{name : 'returnAmount',index : 'list.returnAmount',width : ,align : "right"},
{name : 'returnRatio',index : 'list.returnRatio',width : ,align : "right",formatter:function(cellvalue, options, rowObject){return cellvalue+'%';}}
]
}).trigger('reloadGrid');
去这里看吧 你要的都有
http://blog.mn886.net/jqGrid/
jqGrid 添加 合计行 footDate的更多相关文章
- KDTable如何添加合计行?
/** * 功能:添加合计行 * * @param table * 指定的KDTable * @param fields * 需要合计的列 */ public static void apendFoo ...
- winform DataGridView添加合计行
使用方法 /* DataTable dt= DBUtility.DB.FromSql(sql).ToDataTable(); DataGridViewAddSumRow sumRow = new Da ...
- Gridview里添加合计行
ShowFooter="true" ; ; ; protected void gvIncomeYG_RowDataBound(object sender, GridViewRowE ...
- C#给DataTable添加序号、C#给DataTable添加合计、小计
/// <summary> /// 给DataTable添加序号 /// </summary> /// <param name= ...
- FineUI大版本升级,外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架
这是一篇很长的文章,在开始正文之前,请允许我代表目前排名前 20 中唯一的 .Net 开源软件 FineUI 拉下选票: 投票地址: https://code.csdn.net/2013OSSurve ...
- UI组件--element-ui--Table组件自定义合计行
需求: Element-ui的Table组件自带合计行, 但是需求需要在合计行的某些单元格有特别的样式以及事件, 没有研究出怎么在既有合计行上完成此需求, 于是利用其原本的一些属性完成自定义合计行. ...
- UI组件--element-ui合计行在横向滚动条下面的解决方法
使用element-ui合计功能, 因列数较多, 产生横向滚动条: 但是合计行却在滚动条下面, 拖动滚动条合计行不会跟着横向滚动. 在当前页面添加以下样式: <style lang='less' ...
- 分享一个带有合计行功能的DataGridView扩展
因为一个Winform的项目中需要用到带有合计行的表格,并且需要满足以下需求: 合计行可自动对需要求和的列进行求和计算; 合计行必须固定(冻结)在表格的最底部,且其位置不受滚动条的滚动而移动; 可以设 ...
- jqGrid添加删除功能(不和数据库交互)
jqGrid添加删除功能(不和数据库交互) 一.背景需求 项目中需要在前端页面动态的添加行,删除行,上下移动行等,同时还不和数据库交互.一直在用jqGrid展示表格的我们,从没有深入的研究过它,当然看 ...
随机推荐
- Serializable的理解和使用 -----转载
1.定义 这是一个接口,当一个类实现这个接口后,这个类就变成了一个可序列化的类,它就可以被写入流,保存起来,然后也可以用流读取,反序列化. 一般情况下,一个对象会随着程序的执行完成而消失,而有时我们需 ...
- mybatis查询时间段
参考:https://bbs.csdn.net/topics/391838987 <!-- 查询条件:创建开始时间 --> <if test="createdBeginti ...
- 嵌入式 printf的实现
在嵌入式中,经常需要用到printf来调试程序 标准库函数的默认输出设备是显示器,要实现在串口或LCD输出,必须重定义标准库函数里调用的与输出设备相关的函数. printf输出到串口,需要将fputc ...
- os期末复习
登记之后会发生两个变化:读者数增加(v操作).座位数减少(p操作) 注销之后会发生的变化:读者数减少(p操作).座位数增加(v操作) 必须要清楚释放的是甚麽,以及申请的是甚麽资源(在具体的题目当中) ...
- 使用Hibernate+MySql+native SQL的BUG,以及解决办法
本来是mssql+hibernate+native SQL 应用的很和谐 但是到了把mssql换成mysql,就出了错(同样的数据结构和数据). 查询方法是: String sql = " ...
- Anaconda下的 Jupyter Notebook 安装 多python环境
装完 Anaconda 会自带一个pyhon环境 也会自带Jupyter Notebook 可以点击开始中的Jupyter Notebook 打开 浏览器 我这里是 3.x 想要装个2.7 的 ...
- 干货 | RDS For SQL Server单库上云
数据库作为核心数据的重要存储,很多时候都会面临数据迁移的需求,例如:业务从本地迁移上云.数据中心故障需要切换至灾备中心.混合云或多云部署下的数据同步.流量突增导致数据库性能瓶颈需要拆分-- 本文将会一 ...
- Window Server 2019 配置篇(8)- 利用MDT定制自动加入域的脚本
我们要更改我们的镜像文件,使得自动安装完成后,计算机已经自动在域中 删除在WDS-server上做的自动部署,我们在上面安装一下MDT和ADK文件,这两个文件如果需要的话可以评论,我会在随后上传 之后 ...
- uni-app小程序组建
(1)新建组建:编辑器右击 新建组建 (2)传值 <template> <view class="myRankingList"> <block v-f ...
- esxi 版本升级命令
先把zip文件通过XShell或者WinSCP上传到esxi服务器上面去,然后执行以下命令,完成升级并重启就可以了.