Extjs6.2 grid隐藏列

隐藏列可以通过

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}
        ]
    }

这样才真正隐藏