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 下再访问');
var objOkTab = '';//为子页面提供全局的okTap对象
layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
var element = layui.element,
okUtils = layui.okUtils,
@ -11,7 +12,7 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
return data;
}
});
objOkTab = okTab;
okTab.render(function () {
//左侧导航渲染完成之后的操作

View File

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

View File

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

View File

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