tabs控件（选项卡）

选项卡的增加

	var content = '<iframe scrolling="no" frameborder="0" src="'+ctx+src+'" width="99%" height="99%"></iframe>';
					$('#bookTabs').tabs('add',{
       
					    title:node.text,    
					    content:content,    
					    closable:true,    
					    tools:[{
       
					        iconCls:'icon-mini-refresh',    
					        handler:function(){
       
					            alert('refresh');    
					        }    
					    }]    
					});  

重复打开的问题

解决思路：针对于上面存在的问题进行分析，判断当前是否存在对应的title的选项卡 如果存在，就切换到对应的选项卡，如果不存在，那么重新打开一饿选项卡

解决办法：

	if($('#bookTabs').tabs('exists',node.text)){
   
//				切换选项卡
				$('#bookTabs').tabs('select',node.text);
			}else{
   
//				新增选项卡			
					var content = '<iframe scrolling="no" frameborder="0" src="'+ctx+src+'" width="99%" height="99%"></iframe>';
					$('#bookTabs').tabs('add',{
       
					    title:node.text,    
					    content:content,    
					    closable:true,    
					    tools:[{
       
					        iconCls:'icon-mini-refresh',    
					        handler:function(){
       
					            alert('refresh');    
					        }    
					    }]    
					}); 

非叶子节点不能打开的解决方法

增加一个if条件

		存在问题非叶子节点按照开发角度来说不能打开页面的；
//				非叶子节点都没有跳转界面的
				
				var src=node.attributes.self.url;			
				if(src){
   
					var content = '<iframe scrolling="no" frameborder="0" src="'+ctx+src+'" width="99%" height="99%"></iframe>';
					$('#bookTabs').tabs('add',{
       
					    title:node.text,    
					    content:content,    
					    closable:true,    
					    tools:[{
       
					        iconCls:'icon-mini-refresh',    
					        handler:function(){
       
					            alert('refresh');    
					        }    
					    }]    
					});  

完整代码：

实体类

package com.zhoujun.entity;

public class Permission {
   
		private long id;
		private String name;
		private String description;
		private String url;
		private long pid;
		private int ismenu;
		private long displayno;
		public long getId() {
   
			return id;
		}
		public void setId(long id) {
   
			this.id = id;
		}