取到easyui的tab下iframe方法

取到easyui的tab下iframe方法

 

我们在使用easyui的tab时，有时候需要每次点击tab头，动态刷新该tab下的iframe的内容

tab的html如下：

 

Html代码  

1. <div id="tab-user-right" >   
2.         <div title="直接分配的操作权限" id="user-right-act">             
3.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
4.         </div>  
5.         <div title="拥有的角色" id="user-role">              
6.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
7.         </div>  
8.         <div title="继承自角色的权限" id="user-right-role">             
9.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
10.         </div>  
11.         <div title="全部操作权限" id="user-right-all">            
12.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
13.         </div>  
14.         <div title="数据权限-机构" id="user-right-org">           
15.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
16.         </div>  
17.         <div title="数据权限-部门" id="user-right-dept">              
18.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
19.         </div>  
20.     </div>  

 动态刷新的js如下：

Js代码  

1. //标记是否从新刷新  
2.         var reload="T";  
3.         $(function(){  
4.             $('#tab-user-right').tabs({   
5.                 onSelect: function(){  
6.                     openTab();                                        
7.                 }  
8.             });  
9.         });  
10.           
11.         function openTab(){           
12.             var tab = $('#tab-user-right').tabs('getSelected');  
13.             var tbId = tab.attr("id");  
14.             //获取tab的iframe对象  
15.             var tbIframe = $("#"+tbId+" iframe:first-child");  
16.             if(reload=="T"){                  
17.                 tbIframe.attr("src",tbId+'.action?userId='+userId);  
18.             }else{        
19.                 if( tbIframe.attr("src")==""){  
20.                   tbIframe.attr("src",tbId+'.action?userId='+userId);  
21.                 }  
22.             }  
23.         }  

 注意一下代码：

Js代码  

1. var tab = $('#tab-user-right').tabs('getSelected');  
2.             var tbId = tab.attr("id");  
3.             //获取tab的iframe对象  
4.             var tbIframe = $("#"+tbId+" iframe:first-child");  

 可以获得iframe