layui addNavTab 导航栏添加选项卡 layer 全屏弹窗

1,导航栏弹窗

解释:点击父页面按钮,跳转到新的导航栏页面,两个页面同级

如图:

在这里插入图片描述
代码:


	window.topWin.addNavTab(title, url, navid);

	var tableOject = {}
	
	function addNavTab(title, url, navid) {
	        tableOject.tablelist = {title: title, url: url, id: navid}
	        $('#fremark>iframe').addClass('disnone')
	        var iframelist = $('.iframeAll');
	        var isExistsFlag = 0;
	        for (var indexNum = 0; indexNum < iframelist.length; indexNum++) {
	            if (iframelist[indexNum].id == navid) {
	                $(iframelist[indexNum]).removeClass('disnone');
	                isExistsFlag = 1;
	                break;
	            }
	        }
	        if (isExistsFlag == 0) {
	            var htmldm = "<iframe class='iframeAll' id='" + navid + "' style='border-width: 0px 6px 6px 6px;border-color: #f7f7f7;border-style: solid;' width='99%' src='" + url + "' dataid='" + navid + "'></iframe>"
	            $('#fremark').append(htmldm)
	        }
	        $('.iframeAll').height(hei)
	        $('.iframeAll').width(w)
	
	        $(window).resize();
	    }

注意:navid参数是选项卡的唯一标识,第二次打开一个tab时,如果navid不变的话,那页面的内容也不会刷新

2,全屏页面弹窗

解释:在父页面的基础上,点击页面按钮,新的子页面占据全屏

如图:

在这里插入图片描述

代码:


   window.topWin.layer.open({
         type: 2, // 这里为 2   0:信息框,默认 1:页面层 2:iframe层 3:加载层 4:tips层
         title: '信息',
         skin: 'layui-layer-rim',
         area : ['100%', '100%'], // 可为百分比
         content: url
    });
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值