首页 > 其他 > 详细

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

时间:2017-12-24 10:15:07      阅读:1256      评论:0      收藏:0      [点我收藏+]

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菜单切换菜单状态根据页面动态调整

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!