EasyUI 添加tab页(iframe方式)

添加一个新的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;
	}
}

评论

12 楼 yimingz 2017-07-13  

这样添加iframe会加载两次的吧

11 楼 Wq145230 2015-07-24  

     

10 楼 Wq145230 2015-07-24  

[u][/u]   

9 楼 zweichxu 2015-01-21  

沈焕杰 写道

soft_xiang 写道

iframe中的内容太长，下面显示不了怎么办？

多看看别人代码

我也遇到同样的问题，垂直方向滚动条不显示出来。求给个“别人的代码”看看

8 楼 unimme 2015-01-05  

很好用，谢谢！

7 楼 沈焕杰 2014-05-22  

soft_xiang 写道

iframe中的内容太长，下面显示不了怎么办？

多看看别人代码

6 楼 tanjianna 2013-08-12  

現在tabs是以.tabs('exists', title)來區分tabs的，但是假如title一樣該怎麼處理呢？能有以title和url來區分tabs的嗎？謝謝！

5 楼 soft_xiang 2013-06-06  

iframe中的内容太长，下面显示不了怎么办？

4 楼 chinaboykai 2013-02-01  

我也遇到二楼的问题咯。怎么解决呢？

3 楼 liuxingvsyou 2012-08-17  

交个朋友   我的qq1120836139
多交流下easyui

2 楼 hwh0919 2011-09-09  

用tabs里面的href怎么不行啊，仁兄解释一下？？

1 楼 hwujo 2011-08-02  

很好，谢谢！