TreeView プラグイン | AdminLTE 3 ドキュメント

TreeView プラグインは、ネストされたリストをサブメニューを展開できるツリービューに変換します。

使用方法

このプラグインは、jQuery として、または data api でアクティベートできます。

Data API

プラグインのアクティベートには、任意の ul 要素または ol 要素に data-widget="treeview" を追加します。

<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	data api からプラグインが初期化された後にトリガーされます。

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