EasyUI—点击tab内容中的链接，在父级tab上新增一个tab

先来说下添加tabs的两种方式

第一种以href链接的方式：

[javascript]  view plain  copy

1. function addTab(title, url){  
2.             if ($('#tt').tabs('exists', title)){  
3.                 $('#tt').tabs('select', title);  
4.             } else {  
5.                 $('#tt').tabs('add',{  
6.                     title:title,  
7.                     href:url,     //tab中显示的内容  
8.                     closable:true  
9.                 });  
10.             }  
11.         }  

第二种以iframe的方式：

[javascript]  view plain  copy

1. function addTab(title, url){  
2.             if ($('#tt').tabs('exists', title)){  
3.                 $('#tt').tabs('select', title);  
4.             } else {  
5.                 var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';  
6.                 $('#tt').tabs('add',{  
7.                     title:title,  
8.                     content:content,   //tab中显示的内容  
9.                     closable:true  
10.                 });  
11.             }  
12.         }  

想要实现点击tab内容中的链接，在父级中tab上新增一个tab的话，须以iframe方式来添加父级tab。

在tab内容中，即url页面中，需要在链接上实现下面这个方法：

[javascript]  view plain  copy

1. function add（）{  
2.             var parent$ = self.parent.$;      //找到父级DOM  
3.             parent$('#tt').tabs('add',{       //实现add方法  
4.                 title:'百度',  
5.                 href:'www.baidu.com',  
6.                 closable:true,  
7.                 });  
8.             },