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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值