关于easyui 的combogrid中如何使用showColumn和hideColumn方法

关于easyui 的combogrid中如何使用showColumn和hideColumn方法:

就是我想根据一些条件,在onLoadSuccess中判断,动态的显示或者隐藏某些字段,类似这样:

$('#productname').datagrid('showColumn', 'proname'); //其中 ‘proname’ 是显示列的 field 属性值

$('#productname').datagrid('hideColumn', 'proname'); //其中 'proname' 是隐藏列的 field 属性值

这样写没效果:

onLoadSuccess: function (data) {
$('#productname').datagrid('showColumn', 'proname'); //其中 XXX 是隐藏列的 field 属性值
}

参考以下解释:

方法调用示例:$('标签选择器').combogrid('方法名')

附加常用方法:(注意在使用combogrid扩展自datagrid的方法时需调用grid方法转为数据表格对象)

//继承自Combo(自定义下拉框)中的方法
$('#xxx').combogrid('getValue');//获取combogrid中idField的值
$('#xxx').combogrid('getText'); //获取combogrid中的textField的值

 

$('#xxx').combogrid("grid");//返回数据表格对象 即依赖的datagrid表格控件
 
$('#xxx').combogrid("grid").datagrid("reload",{ likeName: newValue});//重载combogrid并携带参数

那么easyui 的combogrid中使用showColumn和hideColumn的方法:

$('#productname').combogrid("grid").datagrid('hideColumn', 'proname');  //其中 XXX 是隐藏列的  field 属性值

 


参考链接:https://blog.csdn.net/awangwu/article/details/82869553 
 

你可能感兴趣的:(easyui,前端)