可编辑的树节点 - 无法正常工作

Question

我有一个像这样定义的树面板：

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

我想我做错了什么，因为当我点击树节点时没有任何反应。或者有可能，我首先需要一些插件。 BTW。我宁愿有这种可能性在doubleclick上编辑节点并拥有此事件的监听器。

Answer 1

解决方案是在树面板的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);