jqGrid自定义按钮和汇总问题
2015-08-05 00:00
162 查看
摘要: https://git.oschina.net/xh668/jqGrid/tree/master可以下载我写的java版源码demo
1,jqGrid的自定义按钮事件,是在左下角导航栏产生的,
jQuery(grid_selector).jqGrid('navGrid', "#tableId",
{ edit: true,add: true, del: true,view: true},
{
//edit按钮的一些属性
可以增加一些上述四个方法的设置
beforeShowForm: function (e) {}
},{
//add按钮的一些属性
},{...},{...}
那么自定义的history按钮就可以了,触发的是查询功能
2,汇总
方法1
汇总首先要显示出如图中的汇总行,他是最下放突出的一行,需要在方法1里设置两个属性
然后想要显示total:和总金额1060怎么做呢
1,总金额是 后台代码通过sql自己计算的,然后放到userdate里
以图片为例
能看到,Totals 显示在note这一列里,总金额显示在amt的这一列里。
所以后台返回的json中,userdate这样设置
userdata:{amt:1060,note:"Totals"}即可
1,jqGrid的自定义按钮事件,是在左下角导航栏产生的,
jQuery(grid_selector).jqGrid('navGrid', "#tableId",
{ edit: true,add: true, del: true,view: true},
{
//edit按钮的一些属性
可以增加一些上述四个方法的设置
beforeShowForm: function (e) {}
},{
//add按钮的一些属性
},{...},{...}
//在上述四个方括号后直接调用此方法 .jqGrid('navButtonAdd',pager_selector,{ buttonicon:'icon-globe purple', caption:'history', position:'last', title:'view history', onClickButton:function(){ debugger; //获得某行id var gr = jQuery("#grid-table").jqGrid('getGridParam', 'selrow'); //获得某行数据 var grr = jQuery("#grid-table").jqGrid('getRowData',gr); if (gr != null) alert("history"+grr.name); else alert("Please Select Row"); } })
那么自定义的history按钮就可以了,触发的是查询功能
2,汇总
方法1
jQuery(grid_selector).jqGrid({ //地址 url: "/jqGrid/select.html", //发送数据 postData: {"stock": $("#stock").val(), "name": $("#lastSales").val(), "note": $("#notes").val()}, //发送方式 mtype: "get", datatype: "json", //表格高度 height: 400, //列名 colNames: [' ', 'ID', 'Last Sales', 'Name', 'Stock', 'Ship via', 'Notes','Amt'], colModel: [ {name: 'id', index: 'id', width: 60, sorttype: "int", editable: true}, {name: 'sdate', index: 'sdate', width: 90, editable: true, sorttype: "date", unformat: pickDate}} ], //汇总 footerrow : true, userDataOnFooter : true
汇总首先要显示出如图中的汇总行,他是最下放突出的一行,需要在方法1里设置两个属性
footerrow : true, userDataOnFooter : true,
然后想要显示total:和总金额1060怎么做呢
1,总金额是 后台代码通过sql自己计算的,然后放到userdate里
以图片为例
note | amt |
note1 | 100 |
note2 | 1050 |
Totals: | 1060 |
所以后台返回的json中,userdate这样设置
userdata:{amt:1060,note:"Totals"}即可
相关文章推荐
- git clone 远程仓库上的某个分支,指定克隆到本地的repo目录名
- android 之 SurfaceView使用(桌面弹球)
- zz:控制台程序后台运行
- zz:用C语言编写Windows服务程序的五个步骤 分享到: QQ空间 新浪微博
- zz: C++后台服务程序开发模式
- kali linux 安装之后整理
- QTP连接oracle
- eclipse 快捷键
- ssh输入用户密码登录失败的配置
- html5实现流程图
- html5移动动画开发,太牛X
- 2015年开始我本博的第一篇“啥子过好2015年”
- 数据库Sharding的基本思想和切分策略
- 关于垂直切分Vertical Sharding的粒度
- 关于垂直切分Vertical Sharding的粒度
- 数据库分库分表(sharding)系列(二) 全局主键生成策略
- 数据库分库分表(sharding)系列(三) 关于使用框架还是自主开发以及sharding实现层面的考量
- 数据库分库分表(sharding)系列(四) 多数据源的事务处理
- 数据库分库分表(sharding)系列(五) 一种支持自由规划无须数据迁移和修改路由代码的Sharding扩容方案
- Hibernate<一> 介绍及基础应用