JqGrid Demo json
程序员文章站
2022-07-15 14:37:53
...
目的:实现使用jqGrid插件实现后台数据的 异步查询并以表格显示。
环境:为了减少代码,只保留了struts2.
注意点:
1:
笔者也在网上看过一些例子。但是总是不能很顺利地实现。
关键点在于:
jsonReader的设置必须跟后台拼写的json数据一致。
比如:
{"totalpages" : "2","currpage" : "1","totalrecords" : "15","dataroot" :
[{"no":"0","busynessName":"name0"},
{"no":"1","busynessName":"name1"},
{"no":"2","busynessName":"name2"},
{"no":"3","busynessName":"name3"}
]
}
2:
jqgrid在实现翻页,排序等功能时,会想后台传递特定参数(ps:jqgrid有自己默认的参数key!!),比如:
{page:“page”,rows:“rows”, sort:“sidx”, order:“sord”, search:“_search”,
nd:“nd”, id:“id”, oper:“oper”, editoper:“edit”, addoper:“add”, deloper:“del”,
subgridid:“id”, npage:null, totalrows:“totalrows”}
对于这些key,需要在action中设置set/get函数,当然不需要全部设置。
如果还有什么不清楚的,请留言。有代码可以参考哦!
环境:为了减少代码,只保留了struts2.
注意点:
1:
笔者也在网上看过一些例子。但是总是不能很顺利地实现。
关键点在于:
jQuery("#jqgrid_json").jqGrid({ datatype: "json", url:"jsonGridAction", height: "auto", width : 750, colNames:['Inv No', 'Client'], colModel:[ {name:'no',index:'no', width:60, sorttype:"int"}, {name:'busynessName',index:'busynessName', width:100} ], jsonReader:{ root : "dataroot", records: "totalrecords", page: "currpage", total: "totalpages", repeatitems : false }, viewrecords : true, multiselect: false, pager: '#pager2', rowNum:10, rowList:[10,20,30], sortname: 'no', caption: "jQGrid json Demo" }).navGrid("#pager2",{edit:false,add:false,del:false});
jsonReader的设置必须跟后台拼写的json数据一致。
比如:
{"totalpages" : "2","currpage" : "1","totalrecords" : "15","dataroot" :
[{"no":"0","busynessName":"name0"},
{"no":"1","busynessName":"name1"},
{"no":"2","busynessName":"name2"},
{"no":"3","busynessName":"name3"}
]
}
2:
jqgrid在实现翻页,排序等功能时,会想后台传递特定参数(ps:jqgrid有自己默认的参数key!!),比如:
{page:“page”,rows:“rows”, sort:“sidx”, order:“sord”, search:“_search”,
nd:“nd”, id:“id”, oper:“oper”, editoper:“edit”, addoper:“add”, deloper:“del”,
subgridid:“id”, npage:null, totalrows:“totalrows”}
对于这些key,需要在action中设置set/get函数,当然不需要全部设置。
如果还有什么不清楚的,请留言。有代码可以参考哦!
推荐阅读
-
List
-
腾讯对象存储PHP实践之上传 php 创建对象 php面向对象练习题 php json对
-
JavaScript语法着色引擎(demo及打包文件下载)_prototype
-
php怎么接收json
-
如何获取JQUERY AJAX返回的JSON结果集实现代码_基础知识
-
ajax处理返回的json格式数据方法
-
Ajax返回的json遍历取值并显示到前台的方法
-
PHP数据集构建JSON及新数组介绍_PHP教程
-
爬虫实践---新浪微博爬取+json+csv
-
Android的线程通信:消息机制原理(Message,Handler,MessageQueue,Looper),异步任务AsyncTask,使用JSON