jqgrid 动态生成列/表格

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_33871182/article/details/102746415

根据ajax后端返回数据，动态生成表格

var grid_selector = '#grid-table'; 
var pager_selector = '#grid-pager';
var grid_url = '';
var _colnames = [];
var _colmodel = [];
var postData = [];
var falg = false;
$.ajax({
	type : "GET",
	url : url,
	dataType : "json",
	async:async,
	success : function(tablecols) {
		for (var i = 0; i<tablecols.length;i++) {
			_colnames.push(tablecols[i].coltitle)
			_colmodel.push({
				'name':tablecols[i].colattridx,
				'index':tablecols[i].colattridx,
				'sortable':( tablecols[i].colsort==1 ? true:false),
				'frozen':( tablecols[i].fixedcol==1 ? true:false),
				'hidden':( tablecols[i].colhide==1 ? true:false),
				'classes':( tablecols[i].autowrap==1 ? 'white-space-normal':''),
				'align':tablecols[i].colpositon,
				'width':tablecols[i].colwidth
			});
			if (tablecols[i].keycol == 1) {
				ids = tablecols[i].colattridx
			}
		}
		var array = [{paramcode: "order",defaultval: "asc"},{paramcode: "rows",defaultval: "100"}];
		var res = {};
		for (var j= 0;j<defaultapiparams.length;j++) {
			eval("res." + defaultapiparams[j].paramcode + "='" + defaultapiparams[j].defaultval + "'")
		}
		jQuery(grid_selector).jqGrid({
		   url : grid_url,
		   shrinkToFit : falg,
		   autoScroll: !falg,
		   colNames : _colnames,
		   colModel : _colmodel, 
		   jsonReader : {id :ids},
		   multiselect : false,
		   pager : pager_selector,
		   height:maxheight,
		   postData : res
		});
}
});