问题:当使用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>"
}
})
}
})