EasyUI 添加tab页(iframe方式)
生活随笔
收集整理的這篇文章主要介紹了
EasyUI 添加tab页(iframe方式)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
function addTab(title, href,icon){var tt = $('#tabs');if (tt.tabs('exists', title)){//如果tab已經存在,則選中并刷新該tab tt.tabs('select', title);refreshTab({tabTitle:title,url:href});} else {if (href){var content = '<iframe scrolling="no" frameborder="0" src="'+href+'" style="width:100%;height:100%;"></iframe>';} else {var content = '未實現';}tt.tabs('add',{title:title,closable:true,content:content,iconCls:icon||'icon-default'});}
}
/** * 刷新tab* @cfg *example: {tabTitle:'tabTitle',url:'refreshUrl'}*如果tabTitle為空,則默認刷新當前選中的tab*如果url為空,則默認以原來的url進行reload*/
function refreshTab(cfg){var refresh_tab = cfg.tabTitle?$('#tabs').tabs('getTab',cfg.tabTitle):$('#tabs').tabs('getSelected');if(refresh_tab && refresh_tab.find('iframe').length > 0){var _refresh_ifram = refresh_tab.find('iframe')[0];var refresh_url = cfg.url?cfg.url:_refresh_ifram.src;//_refresh_ifram.src = refresh_url;_refresh_ifram.contentWindow.location.href=refresh_url;}
}
?
總結
以上是生活随笔為你收集整理的EasyUI 添加tab页(iframe方式)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 创业路上的激励语句120个
- 下一篇: 生活经验分享