ExtJsは静的ツリーを生成します

    Ext.onReady(function(){
		Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';
        Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
		
		var mytree=new Ext.tree.TreePanel({
			region: 'west',
			//el:"container",//    html  id
			animate:true,//       ,     
			title:"Extjs   ",
			collapsible:true,
			rootVisible:true,//       
			autoScroll:true,
			autoHeight:true,
			split: true,
			width:200,
			lines:true,//          
			//    （TreeLoader）     URL       Ext.tree.TreeNode    。           javascript  
			loader: new Ext.tree.TreeLoader({
				preloadChildren: true,//  true， loader           "children"   
				clearOnLoad: false//（  ）   true。              
			}),
			root:new Ext.tree.AsyncTreeNode({
				id:"root",
				text:"   ",//    
				expanded:true,//  
				leaf:false,//       
				children:[{
					id:'iui',
					text:'    ',
					leaf:true
				},{
					id:'child2',
					text:'    ',
					children:[{
						text:"111"
					}]
				}]
			}),
			listeners: {
					click: function(n) {
						Ext.Msg.alert('Navigation Tree Click', 'You clicked: "' + n.attributes.text + '",id=' + n.attributes.href );
					}
				}
		});
		
		
		var viewport = new Ext.Viewport({
			layout: 'border',
			items: [
				mytree
			, {
				region: 'center',
				xtype: 'tabpanel'
				// remaining code not shown ...
			}]
		});
});