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

本文链接：https://blog.csdn.net/yfz792178428/article/details/48470291

问题描述：在做后台管理的时候我们使用了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 },

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