fixed: 要想在内页控制tab页,目前通过 parent.objOkTab来获取okTab的对象

master
zhizou 2019-08-21 21:19:26 +08:00
parent a1b0a3c47d
commit 22f0348bb5
4 changed files with 13 additions and 12 deletions

View File

@ -1,4 +1,5 @@
/^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问'); /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
var objOkTab = '';//为子页面提供全局的okTap对象
layui.use(['element', 'layer', 'okUtils', 'okTab'], function () { layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
var element = layui.element, var element = layui.element,
okUtils = layui.okUtils, okUtils = layui.okUtils,
@ -11,7 +12,7 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
return data; return data;
} }
}); });
objOkTab = okTab;
okTab.render(function () { okTab.render(function () {
//左侧导航渲染完成之后的操作 //左侧导航渲染完成之后的操作

View File

@ -66,7 +66,6 @@ layui.define(["element", "jquery"], function (exports) {
parseData: ''//这是一个方法处理url请求地址的返回值(该方法必须提供一个返回值) parseData: ''//这是一个方法处理url请求地址的返回值(该方法必须提供一个返回值)
} }
}; };
/** /**
* 导航初始化的操作(只执行一次) * 导航初始化的操作(只执行一次)
* @param option 配置tabConfig参数 * @param option 配置tabConfig参数
@ -433,7 +432,7 @@ layui.define(["element", "jquery"], function (exports) {
this.navMove('leftmax'); this.navMove('leftmax');
setTimeout(function () { setTimeout(function () {
saveTabMenuPosition(0); saveTabMenuPosition(0);
},500); }, 500);
} else { } else {
layer.msg("您好!当前没有可关闭的窗口了 (๑╹◡╹)ノ"); layer.msg("您好!当前没有可关闭的窗口了 (๑╹◡╹)ノ");
return; return;
@ -446,7 +445,7 @@ layui.define(["element", "jquery"], function (exports) {
this.navMove('leftmax'); this.navMove('leftmax');
setTimeout(function () { setTimeout(function () {
saveTabMenuPosition(0); saveTabMenuPosition(0);
},500); }, 500);
break; break;
} }
element.render("tab", filter); element.render("tab", filter);
@ -538,5 +537,6 @@ layui.define(["element", "jquery"], function (exports) {
return new okTab().init(option); return new okTab().init(option);
}); });
}); });

View File

@ -23,8 +23,8 @@
<p>5.当lay-id重复时那么则只会打开一个后者只会定位到当前选项卡</p> <p>5.当lay-id重复时那么则只会打开一个后者只会定位到当前选项卡</p>
</blockquote> </blockquote>
<pre lay-title="JavaScript"> <pre lay-title="JavaScript">
layui.use(['okTab'],function(){ layui.use(function(){
var okTab = layui.okTab(); var okTab = parent.objOkTab;//获取父级的okTab
var page = '&lt;div lay-id="add-1" data-url="/pages/user/user.html"&gt;个人中心&lt;/div&gt;'; var page = '&lt;div lay-id="add-1" data-url="/pages/user/user.html"&gt;个人中心&lt;/div&gt;';
okTab.tabAdd(page); okTab.tabAdd(page);
}) })
@ -70,11 +70,11 @@
} }
</script> </script>
<script type="text/javascript"> <script type="text/javascript">
layui.use(['element', 'table', 'form', 'jquery', 'laydate', 'okTab', 'code'], function () { layui.use(['element', 'table', 'form', 'jquery', 'laydate', 'code'], function () {
var $ = layui.jquery; var $ = layui.jquery;
var p_layer = parent.layer || layer; var p_layer = parent.layer || layer;
var okTab = layui.okTab(); var okTab = parent.objOkTab;//获取父级的oktab
var code = layui.code; var code = layui.code;
code({ code({
elem: 'pre' elem: 'pre'

View File

@ -15,12 +15,12 @@
<div class="ok-body"> <div class="ok-body">
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
<p>主要描述插件的目录和插件的引入。</p> <p>主要描述插件的目录和插件的引入。</p>
<p>1.如果你想在内部控制导航那么你需要引入一个okTab插件</p> <p>1.如果你想使用countUp数字步进器那么你需要引入一个countUp插件</p>
</blockquote> </blockquote>
<pre lay-title="导航参数"> <pre lay-title="导航参数">
引入插件并加载一个插件 引入插件并加载一个插件
layui.use(['okTab'], function () { layui.use(['countUp'], function () {
var okTab = layui.okTab(); var countUp = layui.countUp;
var page = '&lt;div lay-id="add-1" data-url="/pages/user/user.html"&gt;个人中心&lt;/div&gt;'; var page = '&lt;div lay-id="add-1" data-url="/pages/user/user.html"&gt;个人中心&lt;/div&gt;';
okTab.tabAdd(page); okTab.tabAdd(page);
}); });