您的位置:首页 > 产品设计 > UI/UE

【easyui】动态显示datagrid列

2017-06-29 16:34 363 查看

以前做法

$("#datagridId").datagrid("hideColumn", "columnField"); // 设置隐藏列


现在做法

{
field: 'option',
title: '操作',
align: 'center',
width: 80,
hidden: editType!=0?false:true,
formatter: function (value, rowData, rowIndex) {
return "<font color='#7A90FF'>删除</font>";
}
}


思路

我从后台往前台塞一个flag,根据flag判断这一列是否可以显示,这样的话,在初始化的时候就不显示此列,从而避免了由于客户网络慢导致初始化时能看到隐藏列的现象。

动态控制toolbar显示

和上文同理

toolbar: editType!=0?'#toolbarDetail':null,
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  datagrid easyui