Treeview Plugin

树形视图插件将嵌套列表转换为树形视图，其中子菜单可以展开。

使用方法

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

数据API

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

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

jQuery

$('ul').Treeview(options)

选项

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

提示！

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

重要提示！

如果你想在主侧边栏树形视图旁边使用多个树形视图，
<ul data-widget="treeview" id="someIdNameOrSo" data-accordion="false">...</ul>

活动

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

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