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