EasyUI 添加tab页(iframe方式)

添加一个新的tab,全部以iframe的形式来加载

Js代码  

1. function addTab(title, href,icon){  
2.     var tt = $('#tabs');  
3.     if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab          
4.         tt.tabs('select', title);  
5.         refreshTab({tabTitle:title,url:href});  
6.     } else {  
7.         if (href){  
8.             var content = '<iframe scrolling="no" frameborder="0"  src="'+href+'" style="width:100%;height:100%;"></iframe>';  
9.         } else {  
10.             var content = '未实现';  
11.         }  
12.         tt.tabs('add',{  
13.             title:title,  
14.             closable:true,  
15.             content:content,  
16.             iconCls:icon||'icon-default'  
17.         });  
18.     }  
19. }  
20. /**     
21.  * 刷新tab 
22.  * @cfg  
23.  *example: {tabTitle:'tabTitle',url:'refreshUrl'} 
24.  *如果tabTitle为空，则默认刷新当前选中的tab 
25.  *如果url为空，则默认以原来的url进行reload 
26.  */  
27. function refreshTab(cfg){  
28.     var refresh_tab = cfg.tabTitle?$('#tabs').tabs('getTab',cfg.tabTitle):$('#tabs').tabs('getSelected');  
29.     if(refresh_tab && refresh_tab.find('iframe').length > 0){  
30.     var _refresh_ifram = refresh_tab.find('iframe')[0];  
31.     var refresh_url = cfg.url?cfg.url:_refresh_ifram.src;  
32.     //_refresh_ifram.src = refresh_url;  
33.     _refresh_ifram.contentWindow.location.href=refresh_url;  
34.     }  
35. }