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:""
}
})
}
})

你可能感兴趣的:(easyui)