【easyui】动态显示datagrid列

时间:2021-06-24 16:17:01

以前做法

$("#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,