0

我注意到用户无法隐藏网格面板中的所有列。似乎网格必须至少显示一列。我可以想象这是一个不错的功能，但是在处理可隐藏和不可隐藏的列时，它并没有像我预期的那样工作。似乎规则是至少需要显示一个可隐藏的列，即使网格中有不可隐藏的列。

当至少显示一个不可隐藏的列时，不允许隐藏所有可隐藏的列对我来说没有意义。这种行为是可配置的吗？

我基于显示问题的有状态数组网格示例 创建了一个演示：http :
//jsfiddle.net/p9zqK/

var grid = Ext.create('Ext.grid.Panel', {
store: store,
stateful: true,
stateId: 'stateGrid',
columns: [
    {
        text     : 'Company',
        flex     : 1,
        sortable : false,
        hideable : false,
        dataIndex: 'company'
    },
    {
        text     : 'Price',
        width    : 75,
        sortable : true,
        renderer : 'usMoney',
        dataIndex: 'price'
    },
...
4

1 回答 1

1

一个简单的技巧是允许无条件隐藏所有列（在我的应用程序中，我不关心是否存在可隐藏列，因为我知道它们确实存在......）

Ext.override(Ext.grid.header.Container,
{
    updateMenuDisabledState: function()
    {
        var me = this,
        result = me.getLeafMenuItems(),
        total = result.checkedCount,
        items = result.items,
        len = items.length,
        i = 0,
        rootItem = me.getMenu().child('#columnItem');

        //if (total <= 1)
        if (total <= 0) /* Allow all columns to be hidden unconditionally */
        {
            me.disableMenuItems(rootItem, Ext.ComponentQuery.query('[checked=true]', items)[0]);
        }
        else
        {
            for (; i < len; ++i)
            {
                me.setMenuItemState(total, rootItem, items[i]);
            }
        }
    }
});
于 2012-11-27T20:57:18.420 回答