jQuery EasyUI中DataGird动态生成列的方法
EasyUI中使用DataGird显示数据列表中,有时需要根据需要显示不同的列,例如,在权限管理中,不同的用户登录后只能查看自己权限范围内的列表字段,这就需要DataGird动态组合列,下面介绍EasyUI中DataGird动态生成列的方法。
DataGird动态生成列,实际上就是控制DataGird的columns属性值,下面通过ajax异步调用后台columns的数据,进行绑定。
<tableid="dg"></table>
<script>
functioneasyUIDataGrid(medid){
var$datagrid={};
varcolumns=newArray();
$datagrid.title="";
$datagrid.height=$(window).height()-31;
$datagrid.width=$(window).width();
$datagrid.sortName="dt";
$datagrid.sortOrder="desc";
$datagrid.idField="id";
varparam={"medid":medid};
$.ajax({
url:'getCol.page',
type:'post',
data:"medid="+medid,
dataType:"json",
async:false,
success:function(returnValue){
//异步获取要动态生成的列别名,宽度也可以
vararr=returnValue;
$.each(arr,function(i,item){
columns.push({"field":item.colname,"title":item.colalias,"width":100,"sortable":true});
});
$datagrid.columns=newArray(columns);
$('#dg').datagrid($datagrid);
}
});
}
</script>
以上所述是小编给大家介绍的jQueryEasyUI中DataGird动态生成列的方法,希望对大家有所帮助!