Ext JS 4：将 Ext.grid.Panel 中的所有列显示为自定义选项

Question

是否有可以在 ExtJS 中的 Ext.grid.Panel 上调用的函数，如果其中一些列在默认情况下隐藏，则可以使所有列可见？每当最终用户需要显示隐藏的列时，他们需要单击每一列。下面，我有一些代码可以在您选择字段标题时添加自定义菜单选项。我想执行此功能，以便显示所有列。

作为下面的示例，我默认隐藏了“项目 ID”和“用户创建”。通过选择“选择所有列”将打开这些列，以便它们显示在列表视图中。

        listeners: {

            ... 

            },
            afterrender: function() {
                var menu = this.headerCt.getMenu();
                menu.add([{
                    text: 'Select All Columns',
                    handler: function() {
                        var columnDataIndex = menu.activeHeader.dataIndex;
                        alert('custom item for column "'+columnDataIndex+'" was pressed');
                    }
                }]);           
            }
        }
    });

============================

答案（带代码）：

这是我根据下面 Eric 的代码决定做的事情，因为隐藏所有列是愚蠢的。

            afterrender: function () {
                var menu = this.headerCt.getMenu();
                menu.add([{
                    text: 'Show All Columns',
                    handler: function () {
                        var columnDataIndex = menu.activeHeader.dataIndex;
                        Ext.each(grid.headerCt.getGridColumns(), function (column) {
                            column.show();
                        });
                    }
                }]);
                menu.add([{
                    text: 'Hide All Columns Except This',
                    handler: function () {
                        var columnDataIndex = menu.activeHeader.dataIndex;
                        alert(columnDataIndex);
                        Ext.each(grid.headerCt.getGridColumns(), function (column) {
                            if (column.dataIndex != columnDataIndex) {
                                column.hide();
                            }
                        });
                    }
                }]);
            }

Answer 1

如果你不需要任何特殊的逻辑，你可以尝试这样的事情：

Ext.each(grid.headerCt.getGridColumns(), function(column){
    column.show();
});