h-ui.admin3.0管理系统模版打开选项卡方式

标签：h-ui模版   h-ui-admin后台模版   打开选项卡   creatiframe   

<a  data-href="{:U(‘Tour/t_bulk_add‘)}" onclick="creatIframe(‘{:U(‘Tour/t_bulk_add‘)}‘,‘测试选项卡‘)" data-title="测试选项卡" href="javascript:void(0)">测试选项卡</a>

一般默认会引入了H-ui.admin.js文件的，所以可以直接使用creatIframe函数。

H-ui.admin.js源码函数：

/*创建iframe*/
function creatIframe(href,titleName){
	var topWindow=$(window.parent.document),
		show_nav=topWindow.find(‘#min_title_list‘),
		iframe_box=topWindow.find(‘#iframe_box‘),
		iframeBox=iframe_box.find(‘.show_iframe‘),
		$tabNav = topWindow.find(".acrossTab"),
		$tabNavWp = topWindow.find(".Hui-tabNav-wp"),
		$tabNavmore =topWindow.find(".Hui-tabNav-more");
	var taballwidth=0;
		
	show_nav.find(‘li‘).removeClass("active");	
	show_nav.append(‘<li class="active"><span data-href="‘+href+‘">‘+titleName+‘</span><i></i><em></em></li>‘);
	if(‘function‘==typeof $(‘#min_title_list li‘).contextMenu){
		$("#min_title_list li").contextMenu(‘Huiadminmenu‘, {
			bindings: {
				‘closethis‘: function(t) {
					var $t = $(t);				
					if($t.find("i")){
						$t.find("i").trigger("click");
					}
				},
				‘closeall‘: function(t) {
					$("#min_title_list li i").trigger("click");
				},
			}
		});
	}else {
		
	}	
	var $tabNavitem = topWindow.find(".acrossTab li");
	if (!$tabNav[0]){return}
	$tabNavitem.each(function(index, element) {
        taballwidth+=Number(parseFloat($(this).width()+60))
    });
	$tabNav.width(taballwidth+25);
	var w = $tabNavWp.width();
	if(taballwidth+25>w){
		$tabNavmore.show()}
	else{
		$tabNavmore.hide();
		$tabNav.css({left:0})
	}	
	iframeBox.hide();
	iframe_box.append(‘<div class="show_iframe"><div class="loading"></div><iframe frameborder="0" src=‘+href+‘></iframe></div>‘);
	var showBox=iframe_box.find(‘.show_iframe:visible‘);
	showBox.find(‘iframe‘).load(function(){
		showBox.find(‘.loading‘).hide();
	});
}



/*关闭iframe*/
function removeIframe(){
	var topWindow = $(window.parent.document),
		iframe = topWindow.find(‘#iframe_box .show_iframe‘),
		tab = topWindow.find(".acrossTab li"),
		showTab = topWindow.find(".acrossTab li.active"),
		showBox=topWindow.find(‘.show_iframe:visible‘),
		i = showTab.index();
	tab.eq(i-1).addClass("active");
	tab.eq(i).remove();
	iframe.eq(i-1).show();	
	iframe.eq(i).remove();
}

本文出自 “为了以后” 博客，谢绝转载！

h-ui.admin3.0管理系统模版打开选项卡方式

标签：h-ui模版   h-ui-admin后台模版   打开选项卡   creatiframe   

原文地址：http://tengteng412.blog.51cto.com/4751263/1924413