顶部菜单切换事件

develop
Jmysy 2020-05-31 02:09:00 +08:00
parent 1e66f6067a
commit 976bf86401
3 changed files with 28 additions and 28 deletions

View File

@ -39,7 +39,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear
defaultOpen: 0, //默认打开菜单
accordion: true,
url: option.data, //数据地址
parseData: false //请求后是否进行数据解析 函数
parseData: false, //请求后是否进行数据解析 函数
change: option.change
})
@ -189,11 +190,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear
}
this.themeRender = function(option) {
var color = localStorage.getItem("theme-color");
var menu = localStorage.getItem("theme-menu");

View File

@ -23,6 +23,7 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
height:opt.height,
theme:opt.theme,
data:opt.data ? opt.data:[],
change: opt.change ? opt.change:function(){console.log("切换") },
done:opt.done ? opt.done: function(){ console.log("菜单渲染成功");}
}
@ -242,14 +243,14 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
if(index === option.defaultMenu){
controlItem = '<li pear-id="'+item.id+'" class="layui-this layui-nav-item"><a href="#">'+item.title+'</a></li>';
controlItem = '<li pear-href="'+item.href+'" pear-title="'+item.title+'" pear-id="'+item.id+'" class="layui-this layui-nav-item"><a href="#">'+item.title+'</a></li>';
menuItem = '<ul pear-id="'+item.id+'" lay-filter="'+option.elem+'" class="layui-nav arrow layui-nav-tree pear-nav-tree">';
}else{
controlItem = '<li pear-id="'+item.id+'" class="layui-nav-item"><a href="#">'+item.title+'</a></li>';
controlItem = '<li pear-href="'+item.href+'" pear-title="'+item.title+'" pear-id="'+item.id+'" class="layui-nav-item"><a href="#">'+item.title+'</a></li>';
menuItem = '<ul style="display:none" pear-id="'+item.id+'" lay-filter="'+option.elem+'" class="layui-nav arrow layui-nav-tree pear-nav-tree">';
@ -314,12 +315,9 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
$("#"+option.elem).find(".pear-nav-tree[pear-id='"+$(this).attr("pear-id")+"']").css({display:'block'});
option.change($(this).attr("pear-id"),$(this).attr("pear-title"),$(this).attr("pear-href"))
})
}
/** 加载子菜单 (递归)*/

View File

@ -72,10 +72,14 @@
var config = {
keepLoad: 1200, // 主 页 加 载 过 度 时 长 可为 false
muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
control: false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
control: true, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
index: 'view/console/console1.html', // 默 认 加 载 主 页
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
change: function(id,title,href){
// 顶部菜单切换事件
},
done: function() {
/** 框架初始化 */
}