javascript - 如何隐藏除最后一个之外的数据网格列

Question

这是预期的结果：http ://rghost.net/39116974/image.png 。因此，我们无法取消选中名为“Caption”的最后一项。

提前致谢。

Answer 1

Ext.grid.column.ColumnView有财产hideable。

False 以防止用户隐藏此列。

默认为：真

Answer 2

这个怎么样

for(var i=0; i< grid.columns.length - 1; i++)
    grid.columns[i].hide();

Answer 3

如果你想隐藏所有，但一个，你需要看一下Ext.grid.GridView 的方法handleHdMenuClick（我在2.3、3.0、3.1 ext版本中使用过），你就会明白你需要使用fixed您的专栏的属性：

    handleHdMenuClick : function(item){
    var index = this.hdCtxIndex;
    var cm = this.cm, ds = this.ds;
    switch(item.id){
        case "asc":
            ds.sort(cm.getDataIndex(index), "ASC");
            break;
        case "desc":
            ds.sort(cm.getDataIndex(index), "DESC");
            break;
        default:
            index = cm.getIndexById(item.id.substr(4));
            if(index != -1){
                if(item.checked && cm.getColumnsBy(this.isHideableColumn, this).length <= 1){
                    this.onDenyColumnHide();
                    return false;
                }
                cm.setHidden(index, item.checked);
            }
    }
    return true;
},

    isHideableColumn : function(c){
    return !c.hidden && !c.fixed;
},

但在 2.x 版本中唯一的区别是它使用了固定属性，但在 > 3.x 中它没有。您将需要添加覆盖文件来解决此问题：

   Ext.override(Ext.grid.GridView, {
        handleHdMenuClick : function(item) {
            var store     = this.ds,
                dataIndex = this.cm.getDataIndex(this.hdCtxIndex),
                result    = true;

            switch (item.getItemId()) {
                case 'asc':
                    store.sort(dataIndex, 'ASC');
                    break;
                case 'desc':
                    store.sort(dataIndex, 'DESC');
                    break;
                default:
                    result = this.handleHdMenuClickDefault(item);
            }
            return result;
        },

        handleHdMenuClickDefault: function(item) {
            var colModel = this.cm,
                itemId   = item.getItemId(),
                index    = colModel.getIndexById(itemId.substr(4));

            if (index != -1) {
                if (item.checked && colModel.getColumnsBy(this.isHideableColumn, this).length <= 1) {
                    this.onDenyColumnHide();
                    return false;
                }
                colModel.setHidden(index, item.checked);
            }
        },

        isHideableColumn : function(c) {
            return !c.hidden && !c.fixed;
        }
    });

Answer 4

在渲染网格之前，您可以找到最后一列并将其可隐藏设置为 false。

IE：

myGrid.on( 'beforerender', function(){
    myGrid.colModel = myGrid.getColumnModel();
    myGrid.colModel.config[ myGrid.colModel.config.length - 1 ].hideable = false;
} );