动态生成easyui-datagrid的field

动态生成easyui-datagrid的field

一、代码块

function gridDetail(type,code){
	//参数
	var gridDetailParam={conditions:[{name:'type',value:type},{name:'code',value:code}],page:0,rows:0}
	var columsDataarr=[];
	//自己封装的ajax请求方法
	$.request('/dataquery/gridroleref/list',function(data){
		//grid有哪些列field及字段属性
		var gridDetailData=data.rows;
		$.each(gridDetailData, function(i, item) {
			var columsData={};
			columsData.field=item.field;
			columsData.title=item.title;
			columsData.align='center';
			//width如果不是number类型fitColumns:true不起作用
			columsData.width=item.width?Number(item.width):100;
			var isHidden;
			if(item.isHidden=='1' || item.isHidden==1){//隐藏
				isHidden=true;
			}else {
				isHidden=false;
			}
			columsData.hidden=isHidden;
			columsDataarr.push(columsData);
		});
		var everyNoticeLg=Math.floor(curNoticeUL/40);
		 $("#storageGrid").datagrid({  
	           url:gridDetailUrl,//easyui-datagrid加载的url
	           columns: [columsDataarr],//动态生成的columns
	           queryParams:{page:1,rows: 20}//参数
	     })
	},gridDetailParam,'post);
}

二、注意事项

width如果不是number类型fitColumns:true（宽度自适应）不起作用；此时需要手动转为number类型