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

How to hide datagrid columns except for the last

本文关键字：数据 网格 数据网 一列 何隐藏 隐藏 最后      更新时间：2023-09-26

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

提前谢谢。

Ext.grid.column.ColumnView具有hideable属性。

False可防止用户隐藏此列。

默认为：true

这个怎么样

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

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

即：

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

如果你想隐藏除一个之外的所有内容，你需要查看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;
        }
    });
相关文章：