AdminLTE sidebar-menu 展开多个菜单项 解决

最新推荐文章于 2021-09-15 14:46:37 发布
最新推荐文章于 2021-09-15 14:46:37 发布
阅读量3.4k 收藏
点赞数 1
文章标签： adminLTE bootstraps
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pepper5/article/details/107235671
版权

AdminLTE的菜单导航默认是只能点开一个菜单项,点击其中一个会关闭其他的菜单项

AdminLTE-tree-plugin使用介绍-官方
上边的链接有具体的使用方法,需要修改

<div id="leftMenu"  data-accordion  data-widget="tree"> <!--	只需要通过data-accordion 属性来设置是否全部展示-->
		<ul class="sidebar-menu"></ul>
		<!--js中根据sidebar-menu追加数据-->
</div>

下图是官网查的,accordion属性默认为true,展开一个菜单时是否打开另一个菜单
网页翻译的,上下对照着看,有些地方翻译有问题
在这里插入图片描述坑逼项目又用easyUI又用AdminLTE,你要找不到的时候想一想你那个模块是不是用你想的框架做得

pepper5
关注
《前端》引用包sidebar-menu.js源码及使用
BelleDiao的博客
06-29 1670
sidebar-menu.js源码： (function ($) { $.fn.sidebarMenu = function (options) { options = $.extend({}, $.fn.sidebarMenu.defaults, options || {}); var target = $(this); target.addClass('nav'); target.addClass('nav-list'); if (options.data) { init
sidebar-menu-custom:Bootstrap 4（@twbs）上的简单快捷的多级侧边栏菜单
05-01
复合带 简单，快速的组件基于Bootstrap 4构建 侧边栏菜单自定义 简单快捷的多级侧边栏菜单。 安装 npm install --save sidebar-menu-2-compostrap 建造在 演示版
基于adminlte的后台管理系统开发
a323262的博客
09-26 5810
前言 现在的大前端技术来势凶猛，Vue&React&Angular三足鼎立。如果为了开发一个内部使用的管理系统需要去学习Node&Webpack等各种新概念，况且我们的系统并没有那么复杂到需要用上现在...
vue-sidebar-menu:Vue.js侧边栏菜单组件
05-12
Vue侧边栏菜单 Vue.js侧边栏菜单组件 演示版 本文档适用于Vue 2，对于Vue 3，您可以尝试预发行版，请参见 安装 npm i vue-sidebar-menu --save 全局安装插件。 //main.js import Vue from 'vue' import VueSidebarMenu from 'vue-sidebar-menu' import 'vue-sidebar-menu/dist/vue-sidebar-menu.css' Vue . use ( VueSidebarMenu ) 或在本地导入组件。 //App.vue import { SidebarMenu } from 'vue-sidebar-menu' export default { components : { SidebarMenu } } 基本用法 < temp
AdminLTE使用动态include实现多套菜单
专注echarts开发20年
03-02 3019
实现如下：&lt;!-- Sidebar Menu --&gt;      &lt;ul class="sidebar-menu" data-widget="tree"&gt;      &lt;jsp:include page="/WEB-INF/jsp/common/module/${module }.jsp" /&gt;      &lt;/ul&gt;module 变量从后台
java adminlte 使用_AdminLTE实现动态菜单
weixin_35455175的博客
02-23 770
前言本篇内容基于上一篇AdminLTE实现局部刷新，在完成局部刷新后，不满足其左侧菜单栏的写死状态，希望后期能从数据库读取动态生成，故有了本篇尝试。 正文目前依旧是在adminlte.js中做的修改。菜单JSON样式var menuJson=[{"name": "用户管理","controller":"#","child": [{"name": "用户概览","controller":"user/...
adminLte-iframe:adminLte整合iframe多页面显示
05-04
adminLte-iframe adminLte整合iframe多页面显示
sidebar-menu
05-07
HTML和CSS侧栏菜单
sidebar-menu:基于 Angular UI Bootstrap 的侧边栏菜单
06-15
标题中的"sidebar-menu"指的是我们要实现的侧边栏菜单功能，它通常包含一系列可折叠的导航链接，常用于大型Web应用的多级导航。在这个案例中，我们使用Angular UI Bootstrap的`collapse`指令来控制菜单项的展开和...
Navigation-Drawer-Sidebar-Menu-in-WPF-master.zip
11-27
标题"Navigation-Drawer-Sidebar-Menu-in-WPF-master.zip"提示我们这是一个关于WPF应用的项目，它包含了一个可展开和收缩的左侧导航菜单。描述中的“WPF左侧展开收缩图标导航菜单”进一步确认了这一功能。通过分析...
docsify-sidebar-collapse:一个docsify插件，支持侧边栏目录的扩展和折叠
05-11
docsify-sidebar-collapse 支持docsify侧边栏目录扩展和折叠 预习 用法 首先，确保已启用配置，并且根目录中提供了Markdown文件_sidebar.md 。 然后将脚本插入文档中，就像的用法一样 < script > window . ...
Bootstrap后台管理界面AdminLTE 最新版
07-08
Bootstrap后台管理界面AdminLTE
AdminLte记住左侧菜单展开状态
Eric的博客
09-15 838
思路 其实不需要记住，只要每次正确的展开就可以 每个菜单项都有一个页面url，那么根据当前url就可以匹配出应该展开哪个菜单项 js可以获得当前页面的路径 实现 <script type="text/javascript"> $(function () { var params = window.location.pathname; params = params.toLowerCase(); if (params != "/") { $(".nav-sideba
AdminLTE组件使用方法之control-sidebar
weixin_34319999的博客
01-11 2972
control-sidebar 一、模板 .control-sidebar <!-- 展开sidebar的按钮，可以是a标签也可以是button，必须的是data-toggle="control-sidebar" --> <a href="#" data-toggle="control-sidebar">展开sidebar</a> <!-- .wrapp...
Vertical Sidebar Menu
terry_air的专栏
12-11 658
Vertical Sidebar Menu http://www.magentocommerce.com/magento-connect/site-management/catalog/vertical-sidebar-menu.html magento和wordpress的整合 http://www.magentocommerce.com/magento-connect/wordp
adminLTE 教程 -3 box
AndyLizh的专栏
11-30 4622
adminLTE的box算是它样式中最主要的部分， 下面的连接是演示地址，这里面基本上列举出来所有的样式和插件，目的就是希望用户可以在这一个网站中，全面的了解adminLTE。 并且，更重要的是，我们可以直接在F12的调试窗口，选中我们想要的样式，直接复制粘贴。这也是作者希望我们这样做的：adminLTE演示地址 先看一下我摘抄的几个实例，这是adminLTE的box中几种分类，
[前端]AdminLTE 侧边栏三级菜单栏实现 解决点击子菜单侧边栏折叠
HUGG_dajingzi的博客
12-25 2077
1.三级菜单栏 用二级嵌套 <ul class="sidebar-menu" style="" id="nav"> <li class="treeview" id="nav-collection"> <a href=""> <i class="fa fa-anchor"></i><span>一级标题1</span> <span class=
LTE Admin 模板实现sidebar菜单联动tabs页签
dkjhl的博客
04-18 9929
说在前面的话： 该组件主要使用Admin LTE 实现Tab页联动sidebar。实现的目标是： 1、不改动Admin LTE的模板框架（Bootstrap v3.4.1）； 2、tab页的加载默认使用ajax的get方式，详见(bootstrap.addtabs.js)；不用iframe； 3、sidebar...
AdminTLE 中使用Tab 选项卡
wangdaoyin2010的专栏
02-23 2356
一、下载BootStrap插件（bootstrap.addtabs） 插件地址：https://gitee.com/hbbcs/bootStrap-addTabs 下载后再页面中引入css和js 二、编写html 使用AdminLTE中index.html为例进行修改 1、修改内容部分：找到内容部分<div class="content-wrapper">，将该标签替换为如下代码 <div class="content-wrapper" id="content-wrapp
vue-sidebar-menu 库
最新发布
09-02
vue-sidebar-menu 是一个基于 Vue.js 的侧边栏菜单组件库。 它提供了一系列的组件和样式，用于快速搭建具有侧边栏菜单功能的应用程序。 vue-sidebar-menu 提供了一个 SidebarMenu 组件，用于展示侧边栏菜单。该组件具有以下特点： 1. 具有可配置的菜单项列表，可以根据需求进行定制。 2. 支持多级菜单的嵌套，可以实现复杂的菜单结构。 3. 支持菜单项的图标和文本的设置，可以根据实际情况进行展示。 4. 提供了事件钩子，可以监听菜单项的点击事件，实现相应的业务逻辑处理。 使用 vue-sidebar-menu 可以方便地构建一个具有侧边栏菜单功能的应用程序，无需从零开始编写代码。只需要导入库，然后根据需要进行配置和定制，即可快速搭建出一个满足需求的侧边栏菜单。 总结来说，vue-sidebar-menu 是一个功能强大且易于使用的 Vue.js 组件库，它能够帮助开发者快速搭建具有侧边栏菜单功能的应用程序，大大提高了开发效率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值