Hi there i was wondering if someone can give advice how to implement a editable tree for ext components as used in the sencha architect itself.

I think there are many solutions for doing this, my first try was to bind the treestore records (nodeInterface) direct to the container components. Like in the code snippet bellow.
But then i realized that the component methods and the nodeInterface seem to have the same
interface.

So maybe the best way is to extend the Treestore to use components in some way.
For example by mixin the nodeinterface...

Thank you for bringing in your experience


PHP Code:

function registerEvents (recordcmp){      
 
record.cmp cmp;      
 
record.on({           
 
move:function(){  },           
 
remove:function(){               
 
record.cmp.remove();         
   },           
 
insert:function(){                     },          
  
append:function(){                        }        });

}
/**    assign rootNode to rootCmp**/

var rootNode Ext.getCmp("treePanel").getRootNode();
var 
rootCmp  Ext.getCmp("rootCmp");
registerEvents(rootNoderootCmp);                 

Ext.getCmp("treeView").on({    
itemadd:function(recordNodesindexnodeeOpts){              
  
/**           since were useing a nodeInterface records will be nodes        **/        recordNodes.forEach(function(recordNode){             
     var 
parentNode recordNode.parentNode || rootNode;              
  var 
cmp =   Ext.create('Ext.container.Container', {       
width80,                   
height66,              
resizable: {             
widthIncrement:80,       
heightIncrement:66,           
minWidth:80,            
minHeight:66            
}
      });    
            
parentNode.cmp.add(cmp);           
     
registerEvents(recordNodecmp);            }                );
    }});