Building a tree from static data example

Share This Post

Code in this post can be obsolete, however, principles and theory may still apply.



  
  
  
  
  
  
  
  
  
Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif';
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

var children = [{
     text:'First Level Child 1'
    ,children:[{
         text:'Second Level Child 1'
        ,leaf:true
    },{
         text:'Second Level Child 2'
        ,leaf:true
    }]
},{
     text:'First Level Child 2'
    ,children:[{
         text:'Second Level Child 1'
        ,leaf:true
    },{
         text:'Second Level Child 2'
        ,leaf:true
    }]
    
}];
Ext.onReady(function(){
    var tree = new Ext.tree.TreePanel({
         loader:new Ext.tree.TreeLoader()
        ,width:200
        ,height:400
        ,renderTo:Ext.getBody()
        ,root:new Ext.tree.AsyncTreeNode({
             expanded:true
            ,leaf:false
            ,text:'Tree Root'
            ,children:children
        })
    });
});  
  
  Building A Tree From Static Data






Follow me:
Latest posts by saki (see all)

Want to collaborate on an upcoming project?