简朴树形菜单

最新推荐文章于 2019-05-24 15:48:04 发布

最新推荐文章于 2019-05-24 15:48:04 发布 · 114 阅读

文章标签：

#EXT #Google

lite-ext 专栏收录该内容

17 篇文章

订阅专栏

介绍了一款名为Lite-Ext的轻量级Ext框架，适用于WebPage应用。通过精简的设计理念，该框架能够有效减少资源消耗，特别适合于资源有限的环境下使用。示例代码展示了如何创建树形菜单组件。

[置顶] 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) 找个 +,- 做个树 ,理清递归结构就好了
	
*/