Ext JS EditorGridPanel не редактируется

Question

Я пытаюсь изменить этот пример: http://www.extjs.com/deploy/dev/examples/writer/writer.html, чтобы сделать все поля в сетке редактируемыми (в настоящее время только одно поле).

Я пытался закомментировать эти строки в UserGrid.js (строки 118-120) следующим образом:

//this.stopEditing();
this.store.insert(0, u);
//this.startEditing(0, 1);

Но это только меняет поле, которое вы можете редактировать, на первое, которое вы пытаетесь редактировать.

Как мне сделать всю сетку редактируемой?

Answer 1

В http://www.extjs.com/deploy/dev/examples/writer/writer.js заменить

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()}
];