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动态生成列的方法,希望对大家有所帮助!
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下