树状视图插件 | AdminLTE 3 文档

树状视图插件将嵌套列表转换成一个树状视图，可以展开子菜单。

用法

该插件可以用作 jQuery 插件或使用数据 API 激活。

数据 API

将 data-widget="treeview" 添加到 ul 或 ol 的任何元素，以激活插件。

<ul data-widget="treeview">
  <li><a href="#">One Level</a></li>
  <li class="treeview">
    <a href="#">Multilevel</a>
    <ul class="treeview-menu">
      <li><a href="#">Level 2</a></li>
    </ul>
  </li>
</ul>

jQuery

$('ul').Treeview(options)

选项

名称	类型	默认值	描述
animationSpeed	数字	300	展开/折叠动画以毫秒为单位的速度。
accordion	布尔值	TRUE	展开另一个菜单时是否折叠打开的菜单。
trigger	字符串	`[data-widget="treeview"] .nav-link`	此元素的选择器，单击该元素应当来响应并展开或折叠其子菜单。
expandSidebar	布尔值	FALSE	是否在打开菜单时展开侧边栏。
sidebarButtonSelector	字符串	`[data-widget="pushmenu"]`	侧边栏按钮的选择器。

提示！

您可以通过数据属性使用任何选项，如下所示。
<ul data-widget="treeview" data-accordion="false">...</ul>

事件

事件类型	描述
expanded.lte.treeview	子菜单展开后触发。
collapsed.lte.treeview	子菜单折叠后触发。
load.lte.treeview	通过数据 API 初始化插件后触发。

示例：$('ul').on('expanded.lte.treeview', handleExpandedEvent)