码迷,mamicode.com
首页 > 其他好文 > 详细

AdminLTE2.4.2 sidebar-menu menu-open active菜单切换菜单状态根据页面动态调整

时间:2017-12-24 11:19:51      阅读:599      评论:0      收藏:0      [点我收藏+]

标签:添加   info   标记   deb   切换   pen   分享   pos   元素   

AdminLTE2.4.2挺好用的,但是左侧菜单sidebar-menu是写死的,如果切换页面,菜单active状态不会被记录并自动调整。

1、对应不同的控制器的方法,有对应的view,在对应的view中将sidebar中相关小节以嵌入文件的形式包含在view中。

技术分享图片

2、left.jsp默认的Dashboard是active的,下面的一个a标签也是active的。

技术分享图片

3、如果是这样写死的,当访问其它控制器方法的时候,left.jsp页面是不变的,所以Dashboard和它下面的第一个a标签仍然是active的,这样就达不到菜单状态动态改变的目的。我们看下每个控制器方法的view下面有一段js代码用来控制sidebar-menu tree的运行。

技术分享图片

4、所以改写它就行。

技术分享图片

5、方法就是:先取消所有sidebar-menu中的.menu-open状态和.active状态,然后找到和当前请求链接同名的a标记,给它的父元素也就是如图的li标记添加active类。再给a标记的父元素有treeview类的元素添加active类和menu-open类即可。

技术分享图片

6、单控制器方法

技术分享图片

AdminLTE2.4.2 sidebar-menu menu-open active菜单切换菜单状态根据页面动态调整

标签:添加   info   标记   deb   切换   pen   分享   pos   元素   

原文地址:http://www.cnblogs.com/gwjtssy/p/8097139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!