咱們在使用easyui的tab時,有時候須要每次點擊tab頭,動態刷新該tab下的iframe的內容html
tab的html以下:ui
Html代碼:spa
<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以下:code
//標記是否重新刷新 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); } } }
注意一下代碼:orm
Js代碼htm
var tab = $('#tab-user-right').tabs('getSelected'); 對象
var tbId = tab.attr("id"); 繼承
//獲取tab的iframe對象 get
var tbIframe = $("#"+tbId+" iframe:first-child"); iframe