分享

Jqgrid+spring mvc使用心得

 quasiceo 2018-09-09

前言:项目需要用到表格插件,本来觉得jquery datatable样式不错,后台发现没有继承checkbox等问题,最终转而使用jqgrid。

项目语言及架构:java spring mvc

1、jqgrid的创建:

jar包地址:http://pan.baidu.com/s/1nutFNvz 密码:i7ka

2、html代码

  1. <div id="jqgrid-wrapper">
  2. <table id="mygrid" class="table table-striped table-hover">
  3. <tr>
  4. <td></td>
  5. </tr>
  6. </table>
  7. <div id="jqgrid-pager"></div>
  8. </div>

3、js代码

3.1、初始化

  1. $('#mygrid').jqGrid({
  2. url : '${pageContext.request.contextPath}/cus/xxx.do',
  3. postData:{'menuId':$('#menuId').val(),'type':$('#type').val()},
  4. mtype : "POST",
  5. contentType : "application/json",
  6. datatype : "json",
  7. colModel : [ {
  8. label : '选择',
  9. name : 'id',
  10. key : true,
  11. hidden : true
  12. }, {
  13. label : '名称',
  14. name : 'name'
  15. }, {
  16. label : '描述',
  17. name : 'remark'
  18. }, {
  19. label : '创建时间',
  20. name : 'createTime'
  21. } ],
  22. height : '100%',
  23. pager : 'jqgrid-pager',
  24. page : "${page}", //初始化查询页数
  25. rowNum : "${rows}",
  26. rowList : [ 10, 20, 30 ],
  27. sortname : 'createTime',
  28. sortable : true,
  29. sortorder : 'desc',
  30. jsonReader : {
  31. root : "formList", // json中代表实际模型数据的入口

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多