ExtJs4 - 什么是網格ColumnModel的等價物？

Question

與ExtJs4中的ExtJs3 Ext.grid.ColumnModel相同的是什么？

我想要做的是隱藏一個列，我在ExtJs3中做了類似下面的事情：

grid.colModel.setHidden(1, true);

Answer 1

您可以使用Ext.grid.column.Column的setVisible方法隱藏/顯示列：

grid.columns[1].setVisible(false);

Answer 2

如果列索引發生更改，其他答案可能會有問題。

這是另一個解決方案：

在列定義上設置itemId：

{
        itemId: 'myActionColumn',
        xtype: 'actioncolumn',
        width: 50,
        items: [ ...
}

然后隱藏：

grid.down('#myActionColumn').hide();

Answer 3

Ext.grid.header.Container

Ext.panel.Table的代碼：

 headerCtCfg = me.columns || me.colModel, 
 ...
if (headerCtCfg instanceof Ext.grid.header.Container) {
            me.headerCt = headerCtCfg;
            me.headerCt.border = border;
            me.columns = me.headerCt.items.items;
}

所以你可以使用

grid.columns[i].hide()/show()

Answer 4

另一個解決方案更靈活

grid.down("[dataIndex="+di+"]").setVisible(v);

您可以為name或其他任何屬性更改dataIndex 。