顶部菜单切换事件
parent
1e66f6067a
commit
976bf86401
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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"))
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
/** 加载子菜单 (递归)*/
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
/** 框架初始化 */
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue