jqGrid使用
2015-07-08 09:40
190 查看
jqGrid 介绍
jqGrid 基于jquery 的最好的表格组件jqGrid-github
jqueryUI
异步数据
代码示例
[code]var colNames = [];//列名 function dotable() { //渲染表格数据 //执行表格刷新 var tmp = []; $("#gridTable").jqGrid({ url : "xxx.do?ajax",//ajax请求 datatype : "json",//请求类型,这里采用json mtype : "POST", autowidth : true, height : 400, colNames : colNames, postData : { begin : $('#begin').val(), end : $('#end').val() }, colModel : eval("(" + '${col}' + ")"), viewrecords : true, rowNum : 10, rowList : [ 10, 20, 30 ], prmNames : { search : "search" }, jsonReader : { root : "gridModel", records : "record", repeatitems : false }, pager : "#gridPager",//对应分页区域 caption : "数据", hidegrid : false }); $("#gridTable").jqGrid('setGridParam', { //表格参数 postData : { begin : $('#begin').val(), end : $('#end').val() } }).trigger("reloadGrid");//在页面刷新时提交数据 } $(document).ready(function() { $.ajax({ type : "post",// dataType : "json",//返回json格式的数据 url : "xxx.do?jsontest",//要访问的后台地址 success : function(msg) {//msg为返回的数据,在这里做数据绑定 $.each(msg, function(key, val) { colNames.push(val.name); }) } }); dotable(); });
相关文章推荐
- 解决ArcGIS10.3属性表中文乱码问题
- 大话软件测试与职业生涯
- Kafka 监控调研
- Java-抽象类和接口概述
- Linux rm删除文件夹命令
- [linux]安装opengl
- 如何修改android 5.x版本recovery mode 小机器人界面进入菜单,由volume up&power改为直接按power(如同android 4.x以前版本)
- 更具笔格:网络文案权威指南
- PV、UV、VV、IP的区别
- 【小测试】你真的知道blocks在Objective-C中是怎么工作的吗?
- java class文件生成jar包
- 泛型算法例子
- android菜鸟学习笔记15----Android Junit测试
- select、poll、epoll之间的区别总结[整理]
- Spring3+ibatis (SQL Server)+pager-taglib.tld查询分页的实现
- Git跨平台中文乱码临时解决方案
- logo设计中,你需要注意什么?
- Java-final
- Flex itemRenderer
- 集群、分布式、负载均衡区别与联系