1. 程式人生 > >easyui 已經存在的tabs不重新整理的解決方法

easyui 已經存在的tabs不重新整理的解決方法

問題:當使用easyui的tabs時。常常存在已經開啟的tabs,當tabs中的content已經更新時,再次選擇tabs時,content的內容卻卻沒有更新。

    解決思路: 利用tabs的onSelect事件,當被選擇時,獲取到被選擇的tabs,在使用tabs的update方法,重新載入頁面,使頁面內容更新。

核心程式碼

$('#indexTabs').tabs({
onSelect:function(title,index){
var select=$('#indexTabs').tabs('getTab',index);
var url=$(select.panel('options').content).attr('src');
$('#indexTabs').tabs("update",{
tab:select,
options:{
title:title, 
       //href:URL, // 使用href會導致頁面載入兩次,所以使用content代替  
        content:"<iframe scrolling='auto' frameborder='0'" +
"src='" + url + "' style='width:100%;height:100%;'></iframe>"
}
})
}
})