Javascript Ext JS EditorGridPanel不可编辑

我试图修改这个示例：使网格中的所有字段都可编辑（当前只有一个字段是可编辑的）

我试着在UserGrid.js（第118-120行）中注释这些行：

但这只会将您可以编辑的字段更改为您尝试编辑的第一个字段

如何使整个网格可编辑？

中的“替换”

var userColumns =  [
    {header: "ID", width: 40, sortable: true, dataIndex: 'id'},
    {header: "Email", width: 100, sortable: true, dataIndex: 'email', editor: textField},
    {header: "First", width: 50, sortable: true, dataIndex: 'first', editor: textField},
    {header: "Last", width: 50, sortable: true, dataIndex: 'last', editor: textField}
];

与

var userColumns =  [
    {header: "ID", width: 40, sortable: true, dataIndex: 'id'},
    {header: "Email", width: 100, sortable: true, dataIndex: 'email', editor: new Ext.form.TextField()},
    {header: "First", width: 50, sortable: true, dataIndex: 'first', editor: new Ext.form.TextField()},
    {header: "Last", width: 50, sortable: true, dataIndex: 'last', editor: new Ext.form.TextField()}
];

var userColumns =  [
    {header: "ID", width: 40, sortable: true, dataIndex: 'id'},
    {header: "Email", width: 100, sortable: true, dataIndex: 'email', editor: new Ext.form.TextField()},
    {header: "First", width: 50, sortable: true, dataIndex: 'first', editor: new Ext.form.TextField()},
    {header: "Last", width: 50, sortable: true, dataIndex: 'last', editor: new Ext.form.TextField()}
];