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

时间:2013-07-15 07:31:39

标签: extjs extjs4.2

我需要一个动作列来锁定位置和大小。因此我认为是locked属性,但是一旦我添加它,我就得到了

  

[E]布局运行失败

要渲染的每一行都有

错误。我错了什么或这是一个错误?

我正在使用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
            ]
        }
    ]
}

1 个答案:

答案 0 :(得分:1)

我不确定你为什么会收到这个错误,但我认为locked不是你想要的。

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

draggable: false,
resizable: false

编辑:

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

hideable: false

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