Question

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

提前致谢。

Answer 1

Ext.grid.column.ColumnView有一个hideable属性。

False以防止用户隐藏此列。

默认为：true

Answer 2

这个怎么样

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

Answer 3

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

即：

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

Answer 4

如果你想隐藏所有，只需一个，你需要看看 Ext.grid.GridView 的方法 handleHdMenuClick （我在2.3中使用它， 3.0,3.1版本），您将了解您需要为列使用修复属性：

    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版本的差异才是固定属性，但在＆gt;中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;
        }
    });

如何隐藏除最后一个之外的datagrid列

4 个答案: