树视图插件
树视图插件将嵌套列表转换为树视图，子菜单可在其中展开。
用法
此插件可以作为 jQuery 插件或使用 data 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 | 下/上滑动画速度，单位为毫秒。 |
| accordion | 布尔值 | TRUE | 在展开另一菜单时，是否收起已展开的菜单。 |
| trigger | 字符串 | [data-widget="treeview"] .nav-link |
应响应点击，并导致其同级子菜单展开或收缩的元素选择器。 |
| expandSidebar | 布尔值 | FALSE | 在展开菜单时，是否展开侧边栏。 |
| sidebarButtonSelector | 字符串 | [data-widget="pushmenu"] |
侧边栏按钮选择器。 |
提示！
您可以通过以下方式使用任何选项，包括 data 属性。
<ul data-widget="treeview" data-accordion="false">...</ul>
重要提示！
如果您想在主侧边栏树视图旁边使用多个树视图，则需要向所有树视图添加 ID 标签。
<ul data-widget="treeview" id="someIdNameOrSo" data-accordion="false">...</ul>
事件
| 事件类型 | 说明 |
|---|---|
| expanded.lte.treeview | 在子菜单展开后触发。 |
| collapsed.lte.treeview | 在子菜单收起后触发。 |
| load.lte.treeview | 通过 data api 初始化插件后触发。 |
示例： $('ul').on('expanded.lte.treeview', handleExpandedEvent)