动态生成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类型