简朴树形菜单

[置顶] Lite-Ext 适合WebPage的轻量级Ext

在 google code 持续更新，这里停止

演示@google code  

 

小水管用不了extjs 的参天大树，自己种棵小树凑活用用吧。

 

 

希望也能茁壮成长。。。

 

使用代码：

 

 

var menuAction={};
                
                var tree=new Ext.ux.TreeLite({
            		id:"reportTree",
            		treeNodes:[{
            			text:'Reroll Reports',
            			cn:[{
            			   id:'Reroll_Distribution_Chart',
            			   text:'Reroll Distribution Chart' ,
            			   cn:[{
            			  		id:'sub',
            			  		text:'sub sub sub sub'
            			  	}]
            			},{
            			   id:'Number_of_Re_rolls_per_Pool',
            			   text:'Number of Re-rolls per Pool' 
            			},{
            			   id:'Pools_Reroll_Chart',
            			   text:'Pool\'s Reroll Chart' 
            			}]
            		},{
            			text:'Build Reports',
            			cn:[{
            			   id:'Daily_Builds_Time_Chart',
            			   text:'Daily Builds Time Chart' 
            			},{
            			   id:'Builds_Time_Trend_Chart',
            			   text:'Builds Time Trend Chart' 
            			},{
            			   id:'Build_Success_Rate_Chart',
            			   text:'Build Success Rate Chart' 
            			}]
            		},{
            			text:'Tool Reports',
            			cn:[{
            			   id:'Distinct_User_Trend_Chart',
            			   text:'Distinct User Trend Chart' 
            			},{
            			   id:'Orgnization_Pie_Chart',
            			   text:'Orgnization Pie Chart' 
            			},{
            			   id:'New_Users_Chart',
            			   text:'New Users Chart' 
            			}]
            		}]
            	});
            
            	tree.on("click",function(id){
            	   
            	    alert("node clicked :"+id);
            	    if(menuAction[id+"_action"]) {
            	      menuAction[id+"_action"]();  
            	    }
            	});

 

 

 

 

 

/*
	@author:yiminghe.iteye.com
	v1.0(20090825) 找个 +,- 做个树 ,理清递归结构就好了
	
*/