jqgrid实现前台动态加载列

最新推荐文章于 2021-07-08 19:54:21 发布

置顶

枫叶soli

最新推荐文章于 2021-07-08 19:54:21 发布

阅读量1w

点赞数 2

分类专栏： web jqgrid 文章标签： jqgrid 动态加载列 java js

本文链接：https://blog.csdn.net/sinat_32057099/article/details/49179213

版权

本文介绍了如何使用jqgrid在前端动态加载列。通过在后台动态组装列信息并返回前台，实现列的动态显示。详细步骤包括在js中设置jqGrid参数，调用后台接口获取列信息，以及在Java后端动态查询数据并组装成jqgrid所需的colNames和colModel格式。

摘要由CSDN通过智能技术生成

最近开发时遇到一个前台动态加载列的问题，于是就总结了下和大家分享；

思路：和正常的jqgrid开发差不多，就是对于列的话要通过后台去动态组装然后再返回前台，而不是传统的在前台js写死。下面我们来看看我是如何实现的吧

js代码

var hrJqGridCommonSettings ={

       mtype : 'POST',
       datatype : "json",
       rowNum : 20,
       rowList : [ 10, 20, 50, 100, 200,500 ],
       rowId : "uuid",
       pager : "#pager",
       recordpos : "right",
       viewrecords : true,
       multiselect : true,
       multiboxonly : true,
       autowidth : true,
       shrinkToFit:false,
       height : 450,
       scrollOffset : 0,
       jsonReader : {
           root : "data",
           total : "totalPages",
           page : "currentPage",
           records : "totalCount",
           repeatitems : false
       }

} ;

//声明全局变量（显示的列和列名）

var nameString=[];
var modelString=[];

//该方法和ajax请求一样，只