easyui 已經存在的tabs不重新整理的解決方法
阿新 • • 發佈:2019-01-05
問題:當使用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>"
}
})
}
})