EXT JSスタティックツリー

第一:コードモードの使用

new Ext.tree.AsyncTreeNode({
		    id:'root',
		    text:'   ',
		    children:[
		     {
		      text:'    ',
		      children:[
		       {text:'    ',leaf:true},
		       {text:'    ',leaf:true}
		      ]
		     },{
		      text:'    ',
		      children:[
		       {text:'    ',url:'page/system/dataDictionary.jsp' ,leaf:true},
		       {text:'    ',leaf:true} 
		       {text:'    ',leaf:true} 
		       {text:'    ',leaf:true} 
		       {text:'    ',leaf:true} 
		       {text:'    ',leaf:true 
		       
		     }, 
		      text:'    ' 
		      children: 
		       {text:'    ',leaf:true} 
		       {text:'    ',leaf:true 
		       
		      
		     
		   });

第二:オブジェクトモードの使用

var root1 = new Ext.tree.TreeNode({
            text:'    ',
          //  checked:true,
            url:'about.jsp'
        });

		var node1 = new Ext.tree.TreeNode({
              text:'    ',
			   // icon: './../../images/2324.png',
              url:'#'
   
              
        });
        
        var node2 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/map.png',
              url:'#'
        });


		var node3 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/chinaz2.png',
              url:'#'
        });


	
        
        	
		var node4 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/messag.png',
              url:'showSystemUsersList.action'
        });		
        
        var node5 = new Ext.tree.TreeNode({
              text:'  ',
			 // icon: './../../images/Chart.png',
              url:'showSystemUsersList.action'
        });		
        
        
        //-----    begin
//         var node101 = new Ext.tree.TreeNode({
//               text:'    ',
// 			 // icon: './../../images/user.png',
//               url:'userlist.action'   
//         });
        
        var node102 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/setting.png',
              url:'page/system/dataDictionary.jsp'     
        });
        var node103 = new Ext.tree.TreeNode({
              text:'      ',
			 // icon: './../../images/note.png',
              url:'page/system/userEnterInfo.jsp'
        });
        var node104 = new Ext.tree.TreeNode({
            text:'      ',
			 // icon: './../../images/chinaz6.png',
            url:'page/system/userWorkTime.jsp'
      	});	
		var node105 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/chinaz5.png',
              url:'page/system/userList.jsp'
        });	
        var node106 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/chinaz1.png',
              url:'page/system/roleList.jsp'
        });
     
        
        
        
        
        var node107 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/chinaz10.jpg',
              url:'showShopList.action'
        });		
        
        var node108 = new Ext.tree.TreeNode({
              text:'   ',
			 // icon: './../../images/chinaz11.jpg',
              url:'showShopUserList.action'
        });	
  
         var node109 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/contacts.png',
              url:'showShopInUserList.action'
        });
        
         var node110 = new Ext.tree.TreeNode({
              text:'    ',
			 // icon: './../../images/Coin256.png',
              url:'showSystemUsersList.action'
        });	 
         var node111 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });	
         var node112 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });	
         var node113 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });	
         var node114 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });
         var node115 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });	
         var node116 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });	
         var node117 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });	
         var node118 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });	
         var node119 = new Ext.tree.TreeNode({
             text:'    ',
			 // icon: './../../images/Coin256.png',
             url:'showSystemUsersList.action'
       });	
        //-----    end
         
         	
        root.appendChild(node1);
        root.appendChild(node2);
		root.appendChild(node3);
		root.appendChild(node4);
		root.appendChild(node5);

		
		
		//-----    begin
// 		node1.appendChild(node101);
		node1.appendChild(node102);
		node1.appendChild(node103);
		node1.appendChild(node104);
		node1.appendChild(node105);
		node1.appendChild(node106);
		
		node2.appendChild(node107);
		node2.appendChild(node108);
		node2.appendChild(node109);
		node2.appendChild(node110);
				
		

	    //-----    end
	    
		var menu = new Ext.tree.TreePanel({
			  
			rootVisible:false,     //      
            border:true,          //   
            animate:true,         //     
            autoScroll:true,      //     
            enableDD:false,       //                  
            containerScroll:true, 
            autoScroll:true,
            height:750,         
			root:root,
		
			listeners: {
				click:function(node,e){
					//         
					if(node.attributes.url=="#"){
						return;
					}
					gotoTabPage(node.attributes.url,node.text);
               
				
				},//end click func
				load:function(node,e){
					
				}//end load func
			}//end listeners
	 });
		menu.setRootNode(root);