2015-06-10 142 views
0

我有這樣定義的樹面板:可編輯樹節點 - 不工作

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

我想我做得不對,因爲沒有任何反應,當我點擊樹節點。或者有可能,我應該首先需要某個插件。 BTW。我寧願有這種可能性在doubleclick上編輯節點併爲此事件設置一個監聽器。

回答

2

解決方案是在樹面板的initComponent中使用Ext.grid.plugin.CellEditing。所以,我這樣做:

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);