【无标题】

树 tree

属性：
id:
text:
state:"open"/"closed"
iconCls:'icon-user-home'
children:[子节点]
数据来自json
父节点
子节点

判断其是不是子节点 getChildren .length 后代

二、easyui如何使用图标

更新icons图标库 icon.css

三、选项卡 tabs

判断其是否存在 exists 存在就让其选中 select 不存在就新增一个

<!-- 中间的控件 -->
    	<div id="myTable" data-options="pill:true" class="easyui-tabs" style="width:100%;height:100%;">   
    <div data-options="iconCls:'icon-bullet-home'" title="首页" style="padding:10px;display:none;">   
           <img src="images/lb1.png" style="width:100%;heigth:80%"/>
    </div>   
   
</div>  

树节点： 

 //加载树的数据
	  $('#myTree').tree({    
		    url:'${ctx}/module.do',//请求地址
		    animate:true,
		    onDblClick: function(node){
				/* alert(node.text); */ //  在用户点击的时候提示iconCls:'icon-mini-refresh',  
				//判断是否是子节点
				//拿到节点的集合
				//alert(node.url);
				var nodes= $('#myTree').tree('getChildren',node.target);
				if(nodes.length==0){
					//判断选项卡是否存在
					var f = $('#myTable').tabs('exists',node.text);
						if(!f){
							
							$('#myTable').tabs('add',{    
							    title:node.text,    
							    content:'<iframe width="100% height="100%" scrolling="no" frameborder="0" src="'+node.url+'"></iframe>',    
							    closable:true,
							    iconCls:node.iconCls
							});  
							
						}else{
							$('#myTable').tabs('select',node.text);
						}
 
				}