редактируемые узлы дерева - не работает

Question

У меня есть дерево панель, определенная как это:

Ext.define('FilesEditor.view.FilesEditorNavigTree',{ 
    extend:'Ext.tree.Panel', 
    .... 
    columns:[{ 
     xtype:'treecolumn', 
     header:'test', 
     dataIndex:'text', 
     editor:{ 
      xtype:'textfield' 
     } 

Я предполагаю, что я делаю что-то неправильно, так как ничего не происходит, когда я нажимаю на узлах дерева. Или возможно, что я должен сначала потребовать какой-то плагин. КСТАТИ. Я предпочел бы эту возможность редактировать узлы в doubleclick и иметь прослушиватель для этого события.

Answer 1

Решение должно было использовать Ext.grid.plugin.CellEditing внутри initComponent панели дерева. Итак, я сделал это следующим образом:

Ext.define('FilesEditor.view.FilesEditorNavigTree',{ 
    extend:'Ext.tree.Panel', 
    ... 
    initComponent:function(){ 
     var cellediting = Ext.create('Ext.grid.plugin.CellEditing',{ 
      clicksToEdit:2 
     }); 
     this.plugins = []; 
     this.plugins.push(cellediting); 
     this.columns = [{ 
      xtype:'treecolumn', 
      header:'test', 
      dataIndex:'text', 
      editor:{ 
       xtype:'textfield' 
      },....]; 
     this.callParent(arguments);