Ext JS EditorGridPanel non modifiable

Question

Je suis en train de modifier cet exemple: http://www.extjs.com/deploy/dev/examples/writer/writer.html pour rendre tous les champs de la grille modifiables (actuellement seul le champ est).

J'ai essayé de commenter ces lignes UserGrid.js (lignes 118-120) en tant que tels:

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

Mais cela ne change le champ que vous pouvez modifier à la première vous essayez de modifier.

Comment rendre l'ensemble de la grille modifiable?

Answer 1

Dans le http://www.extjs.com/deploy/dev/examples/writer/writer.js remplacer

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

avec

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