首页 > 代码库 > h-ui.admin3.0管理系统模版打开选项卡方式

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

<a  data-href="http://www.mamicode.com/{: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="http://www.mamicode.com/‘+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=http://www.mamicode.com/‘+href+‘></iframe>
‘);".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管理系统模版打开选项卡方式