隐藏列可以通过
hidden : true
来控制。或者遍历colums,通过setHidden() 、setVisible()方法。
Ext.define('MyApp.view.main.List', {
extend: 'Ext.grid.Panel',
xtype: 'mainlist',
requires: [
'MyApp.store.Personnel'
],
title: '信息',
store: {
type: 'personnel'
},
text : '信息',
columns: {
items : [
{ text: '姓名', dataIndex: 'name' },
{ text: '邮件', dataIndex: 'email', flex: 1 },
{ text: '电话号码', dataIndex: 'phone', flex: 1 },
{ text: '地址', dataIndex: 'phone', flex: 1 ,hidden : true}
]
}
});
我们可以看到地址并没有真正的隐藏,还是可以显示通过这里出来。如果我们需要权限控制显示隐藏,这样的情况就不行了。所以还需要加上一项配置。hideable : false
columns: {
items : [
{ text: '姓名', dataIndex: 'name' },
{ text: '邮件', dataIndex: 'email', flex: 1 },
{ text: '电话号码', dataIndex: 'phone', flex: 1 },
{ text: '地址', dataIndex: 'phone', flex: 1 ,
hidden : true, hideable : false}
]
}
这样才真正隐藏