取到easyui的tab下iframe方法

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

tab的html如下：

 

<div id="tab-user-right" > 
		<div title="直接分配的操作权限" id="user-right-act">			
			<iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>
		</div>
		<div title="拥有的角色" id="user-role">			
			<iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>
		</div>
		<div title="继承自角色的权限" id="user-right-role">			
			<iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>
		</div>
		<div title="全部操作权限" id="user-right-all">			
			<iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>
		</div>
		<div title="数据权限-机构" id="user-right-org">			
			<iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>
		</div>
		<div title="数据权限-部门" id="user-right-dept">			
			<iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>
		</div>
	</div>

 动态刷新的js如下：

//标记是否从新刷新
		var reload="T";
		$(function(){
			$('#tab-user-right').tabs({ 
				onSelect: function(){
					openTab();										
				}
			});
		});
		
		function openTab(){			
			var tab = $('#tab-user-right').tabs('getSelected');
			var tbId = tab.attr("id");
			//获取tab的iframe对象
			var tbIframe = $("#"+tbId+" iframe:first-child");
			if(reload=="T"){				
				tbIframe.attr("src",tbId+'.action?userId='+userId);
			}else{		
				if( tbIframe.attr("src")==""){
				  tbIframe.attr("src",tbId+'.action?userId='+userId);
				}
			}
		}

 注意一下代码：

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

 可以获得iframe

 

 

 

 

 

评论

6 楼 Franciswmf 2015-10-15  

不错，能刷新tab下嵌入的jsp页面。

5 楼 qq569349370 2014-03-27  

感谢，解决了我的问题

4 楼 pekingliu 2013-04-16  

是不是attr，这个属性有问题，好像没有这个

3 楼 pekingliu 2013-04-16  

我用的jquery-easyui-1.3.2,按照您的写法，
这一步可以获取：var tab = $('#tab-user-right').tabs('getSelected');
而这一步：var tbId = tab.attr("id");  直接返回null
为何，我就是取当前选中页面的id，进行操作，不成功

2 楼 流浪鱼 2013-02-21  

有帮助就好

1 楼 zqb666kkk 2013-02-20  

谢了  解决了我的问题