Question

可能重复：
how to show/ hide column in a grid panel

在ext js网格中，我需要根据某些cond = true / false隐藏/显示列。

我可以设置隐藏的＆＃39;列的属性是动态的吗？

Answer 1

您可以使用beforerender事件隐藏列。在调用render函数以显示网格之前调用该事件。事件函数采用一个param，它就是网格本身。从此网格对象中，您可以获取网格的列模型，并调用setHidden方法来隐藏相应的列。从网格对象中，您还可以获得附加到网格的商店以供检查。

代码如下：

listeners: {
    'beforerender' : function(grid) {

        store = grid.getStore();
        if(your-condition) {
            cm = grid.getColumnModel();
            cm.setHidden(0,true);
        }

    }
}

Answer 2

您可以在商店加载时检查和隐藏：

store.load({
    callback: function(){
        // access raw json data and check some columns to hide or not
        if(store.getProxy().getReader().rawData.myColumn.hide) {
            grid.columns[1].setVisible(false);
        }
        if(store.getProxy().getReader().rawData.myAnotherColumn.hide) {
            grid.columns[4].setVisible(false);
        }
    }
});

Answer 3

if（$（'。selector'）。is（'：hidden'））{your_code}

http://api.jquery.com/hidden-selector/

extjs动态显示/隐藏列

3 个答案: