Extjs / Sencha:在Ext.grid.EditorGridPanel中锁定列 - 可能/如何?

时间:2011-12-05 20:34:09

标签: grid extjs

我想在Sencha的EditorGridPanel中锁定几个列 它应该看起来像这样,但在一个可编辑的网格中:

http://dev.sencha.com/deploy/ext-4.0.1/examples/grid/locking-grid.html

根据我在网上找到的例子,它应该与“locked:true”一起使用。 实际上它没有。

我的代码是否被破坏或信息是否错误?我正在使用ext.js 3.3.0

var grid = new Ext.grid.EditorGridPanel({
    title:'Editor',
    clicksToEdit: 1,
    enableColLock: true,
    store: store,
    columns: [
    {
        header: 'ID',
        width: 30,
        locked: true,
        sortable: true,
        dataIndex: 'id',
        hidden: true
    },
    ...

2 个答案:

答案 0 :(得分:3)

如果通过“锁定”来表示列不可编辑,则可能是指Column.editable配置选项:

{
    header: 'ID',
    width: 30,
    editable: false,
    sortable: true,
    dataIndex: 'id',
    hidden: true
}

您也可以通过ColumnModel.setEditable( Number col, Boolean editable )以编程方式更新此值:

grid.getColumnModel().setEditable(0, false);

答案 1 :(得分:1)

消息来源中有一个例子 在examples / grid / locking-grid.html

您必须使用LockingColumnModel和LockingGridView。