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

这样才真正隐藏
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

燕長亭

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值