新增顶部菜单自动折叠到更多下拉菜单
This commit is contained in:
@@ -3,44 +3,7 @@
|
|||||||
<div class="pull-left image">
|
<div class="pull-left image">
|
||||||
<img data-href="${ctx}/sys/user/info" data-title="${text('个人中心')}" class="img-circle pointer"
|
<img data-href="${ctx}/sys/user/info" data-title="${text('个人中心')}" class="img-circle pointer"
|
||||||
src="${@user.getAvatarUrl().replaceFirst('/ctxPath', ctxPath)}">
|
src="${@user.getAvatarUrl().replaceFirst('/ctxPath', ctxPath)}">
|
||||||
<script>
|
<script src="${ctxStatic}/modules/sys/leftMenu.js"></script>
|
||||||
$(function(){
|
|
||||||
if ($(window).width() <= 767){
|
|
||||||
$('body').append('<div class="btn btn-default full-screen-menu"><i class="fa fa-bars"></i></div>');
|
|
||||||
}
|
|
||||||
$('.full-screen-menu,.user-panel .img-circle').click(function(){
|
|
||||||
if (!$('.main-header').is(':hidden')){
|
|
||||||
$('.main-header').slideUp(100, function(){
|
|
||||||
if (($(window).width() > 767 && !$('body').hasClass('sidebar-collapse'))
|
|
||||||
|| $('body').hasClass('sidebar-open')){
|
|
||||||
$('[data-toggle="push-menu"]').click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}else{
|
|
||||||
$('.main-header').slideDown(100, function(){
|
|
||||||
setTimeout(function(){
|
|
||||||
if (${@Global.getConfig('sys.index.sidebarStyle', '1') != '2'}){
|
|
||||||
$('[data-toggle="push-menu"]').click();
|
|
||||||
}
|
|
||||||
},100);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
setTimeout(function(){
|
|
||||||
$('#tabpanel').tabPanel('resize');
|
|
||||||
},500);
|
|
||||||
});
|
|
||||||
$('#leftMenu').on('click', '.addTabPage', function (e) {
|
|
||||||
if ($(window).width() <= 767 && $('body').hasClass('sidebar-open')){
|
|
||||||
var href = $(this).data('href');
|
|
||||||
if (href != '' && href != 'blank'){
|
|
||||||
if ($(window).width() <= 767){
|
|
||||||
$('.full-screen-menu').click();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="pull-left info">
|
<div class="pull-left info">
|
||||||
<p>${user.userName}</p>
|
<p>${user.userName}</p>
|
||||||
@@ -69,8 +32,8 @@
|
|||||||
<% if(@Global.getConfig('sys.index.menuStyle', '1') == '1'){ %>
|
<% if(@Global.getConfig('sys.index.menuStyle', '1') == '1'){ %>
|
||||||
<ul class="sidebar-menu">
|
<ul class="sidebar-menu">
|
||||||
<%
|
<%
|
||||||
var p = {parentCode: '0'};
|
var p = {parentCode: '0'};
|
||||||
menu.tree(p); print(p.html);
|
menu.tree(p); print(p.html);
|
||||||
%>
|
%>
|
||||||
</ul>
|
</ul>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|||||||
@@ -21,78 +21,21 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<% if(@Global.getConfig('sys.index.menuStyle', '1') == '2'){ %>
|
<% if(@Global.getConfig('sys.index.menuStyle', '1') == '2'){ %>
|
||||||
<div class="navbar-custom-menu pull-left">
|
<div class="navbar-custom-menu pull-left" id="topMenu">
|
||||||
<ul class="nav navbar-nav" id="topMenu">
|
<ul class="nav navbar-nav">
|
||||||
<%
|
<li class="treeview dropdown" id="topMenuMore" style="position:relative;">
|
||||||
var p = {parentCode: '0', children: false};
|
<a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
|
||||||
menu.tree(p); print(p.html);
|
<i class="fa fa-fw icon-options"></i></span>
|
||||||
%>
|
</a>
|
||||||
|
<ul class="treeview-menu dropdown-menu" style="left:0;">
|
||||||
|
<%
|
||||||
|
var p = {parentCode: '0', children: false};
|
||||||
|
menu.tree(p); print(p.html);
|
||||||
|
%>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<script>
|
<script src="${ctxStatic}/modules/sys/topMenu.js"></script>
|
||||||
$(function(){
|
|
||||||
$('#topMenu').on('click', '.addTabPage', function (e) {
|
|
||||||
$('#topMenu li').removeClass('active');
|
|
||||||
$(this).closest('li').addClass('active');
|
|
||||||
var code = $(this).data("code");
|
|
||||||
js.cookie('currentMenuCode', code); // 保存当前菜单ID
|
|
||||||
if ($("#leftMenu-" + code).length > 0){
|
|
||||||
$("#leftMenu > ul").hide();
|
|
||||||
$("#leftMenu-" + code).show();
|
|
||||||
refreshSidebar(code);
|
|
||||||
}else{
|
|
||||||
js.ajaxSubmit('${ctx}/index/menuTree?parentCode=' + code
|
|
||||||
+ '&t=' + new Date().getTime(), function(data){
|
|
||||||
if (data && data.indexOf('"result":"login"') == -1){
|
|
||||||
$("#leftMenu > ul").hide();
|
|
||||||
$("#leftMenu").append(data);
|
|
||||||
// 如果是初次加载,则选中上次打开的菜单
|
|
||||||
if($('.sidebar-menu').length == 1){
|
|
||||||
$(window).trigger("hashchange");
|
|
||||||
}
|
|
||||||
refreshSidebar(code);
|
|
||||||
}else{
|
|
||||||
location = '${ctx}/login';
|
|
||||||
}
|
|
||||||
}, 'html');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var refreshSidebar = function(code){
|
|
||||||
if(js.trim($("#leftMenu-" + code).text()) == ''){
|
|
||||||
$('.main-sidebar,.logo small,.tabpanel_tab_content').hide();
|
|
||||||
$('.content-wrapper').css("cssText","margin-left:0!important;");
|
|
||||||
if (window.initMenu && $(window).width() <= 767 && $('body').hasClass('sidebar-open')){
|
|
||||||
$('[data-toggle="push-menu"]').click();
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
$('.main-sidebar,.logo small,.tabpanel_tab_content').show();
|
|
||||||
$('.content-wrapper').css('margin-left', '');
|
|
||||||
if (window.initMenu && $(window).width() <= 767 && !$('body').hasClass('sidebar-open')){
|
|
||||||
$('[data-toggle="push-menu"]').click();
|
|
||||||
}
|
|
||||||
var li = $("#leftMenu-" + code + " > li");
|
|
||||||
if (!li.hasClass('menu-open')){
|
|
||||||
li = li.eq(0).find('> a');
|
|
||||||
if (li.data('href') == 'blank'){
|
|
||||||
li.click();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$('#leftMenu').triggerHandler('initd');
|
|
||||||
window.initMenu = true;
|
|
||||||
$(window).resize();
|
|
||||||
}
|
|
||||||
// 激活存储的顶部当前菜单项
|
|
||||||
var currentMenuCode = js.cookie('currentMenuCode'), currentMenu;
|
|
||||||
if (currentMenuCode && currentMenuCode != ''){
|
|
||||||
currentMenu = $("#topMenu .addTabPage[data-code="+currentMenuCode+"]");
|
|
||||||
}
|
|
||||||
if (currentMenu && currentMenu.length > 0 && window.location.hash != ''){
|
|
||||||
currentMenu.click();
|
|
||||||
}else{
|
|
||||||
$("#topMenu .addTabPage:first").click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</div>
|
</div>
|
||||||
<% } %>
|
<% } %>
|
||||||
</nav>
|
</nav>
|
||||||
Reference in New Issue
Block a user