我们在使用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
?
?
?
?
?