jqGrid colModel 中colModel 后台生成传入前端,实现jqGrid 动态列

问题描述:在做后台管理的时候我们使用了jqGrid  来控制前端显示,但是在开发中碰到了一种特殊情况,即colModel 不确定的情况,原因是我们在项目中通过构造器生成了大量的模板,而且这个模板数目是不断增长的,所以需要一种后台控制前端显示的方法。

刚开始查询了大量的资料,尝试了很多方法发现都不能解决我们这个问题,后来浏览了一下jqGrid的源码,找到了一种变通的方法。

	<script type="text/javascript">
		var options = {
			listUrl : "XX!XX.do",
		};
	    var gridopt = {
            url: options.listUrl+"?id="+${id}+"&model_id="+${model_id},
            colModel:[
                <span style="color:#ff6666;"> ${<span style="font-size:18px;">colModel</span>}</span>
            ],
            sortname: "ID",
            sortorder: "ASC",
            title: false,
            rp: 15,
            usepager: true,
            showcheckbox: false,
            autoload: true
        };
         var xjgrid = new xjGrid("gridlist", gridopt);
	</script>
使用el表达式把后台生成的‘ colModel’放入 colModel[ ]中。至于后台生成的colModel’ 则是

{ display: 'ID', name: 'ID',hide:false, width: '5%',  sortable: false, align: 'left', iskey: true , process: addhref},

{ display: 'XX', name: 'XX',hide:false, width: '5%',  sortable: false, align: 'left', iskey: true },

{ display: 'XX', name: 'XX',hide:false, width: '5%',  sortable: false, align: 'left', iskey: true },

这样的字符串。后台生成的代码就不贴了,每个项目的逻辑都不一样。

猜你喜欢

转载自blog.csdn.net/yfz792178428/article/details/48470291