当前位置: 代码迷 >> Web前端 >> EasyUI 增添tab页(iframe方式)
  详细解决方案

EasyUI 增添tab页(iframe方式)

热度:320   发布时间:2012-11-08 08:48:11.0
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;
	}
}
1 楼 hwujo 2011-08-02  
很好,谢谢!
2 楼 hwh0919 2011-09-09  
用tabs里面的href怎么不行啊,仁兄解释一下??
3 楼 liuxingvsyou 2012-08-17  
交个朋友   我的qq1120836139
多交流下easyui
  相关解决方案