extjs - 将 `locked:true` 添加到 `actionColumn` 时布局运行失败

Question

我需要一个操作列来锁定位置和大小。因此我认为是 locked属性，但只要我添加它，我就会得到

[E] Layout run failed

渲染每一行的错误。我做错了什么或者这是一个错误？

我正在使用 ExtJS 4.2.1

{
    layout: 'hbox',
    border: false,
    xtype: 'container',
    items: [
        {
            xtype: 'grid',
            shrinkWrapDock: true,
            flex: 1,
            store: store,
            minHeight: 300,
            title: 'Test',
            columns: [
                { xtype:'actioncolumn', locked: true, sortable: false, hideable: false, dataIndex: 'Aktiv', width: 20, items: [{
                        tooltip: 'deactivate', 
                        handler: function(view,row,col,item,ev,rec,row) {
                            rec.data.set('Active',!rec.data.get('Active'));
                        } 
                    }]
                },
                // more columns
            ]
        }
    ]
}

Answer 1

我不确定您为什么会收到该错误，但我认为 locked 不是您要查找的内容。

如果您试图阻止用户更改列宽并将列拖动到新位置，请尝试添加以下内容而不是 locked:

draggable: false,
resizable: false

编辑:

您还提到您想限制用户隐藏该列。通过将以下配置添加到上面列出的两个来执行此操作:

hideable: false

并查看文档以获取更多配置选项和信息。 http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Column