ExtJs 4: скрывать/показывать столбцы сетки с сеткой, которая использует ArrayStore

Question

ExtJs 4:
Как я могу динамически отображать и скрывать столбцы сетки, в которой используется ArrayStore?
Я нашел это решение
ExtJs 4: How do I hide/show grid columns on the fly?
Я знаю SetVisible (правда | ложно) требуется для каждого столбца, но когда я прошу grid.columns я получаю массив объектов , и как объекты они надевают» t имеет функцию setVisible.
Если я использую Ext.getCmp (..) для каждого конкретного столбца, используя идентификатор столбца, то возвращаю объект Column, и я могу получить доступ к функции SetVisible .., но также возможно получить массив из этих объектов столбца из сетки?

Answer 1

Вы можете найти больше здесь http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.column.Column

Вы можете использовать шоу() и скрыть() методы

grid.columns[index].show(); 

или абсолютно можно использовать SetVisible() методы;

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

Answer 2

Решение в ExtJs 4: How do I hide/show grid columns on the fly? должно работать на вас. Какую именно версию ExtJS вы используете?

При использовании grid.columns массив объектов, которые вы получили, являются объектами столбцов. Поэтому следующий код (как указано в связанном ответе) должен работать.

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

Отъезд GridPanel Fiddle для живого примера.

Answer 3

Вы должны делать что-то вроде этого:

var myGrid = Ext.getCmp("Your_GRID"); 
var cols = myGrid.columns; 
//index of the column to hide. 
cols[index].setVisible(!cols[index].isVisible()) 

Вот мой рабочий пример в скрипкой: https://fiddle.sencha.com/#fiddle/oca