| MVC Classic ウィジェット > Wijtree |
wijtree ウィジェットは、項目を階層ツリー構造で提示する UI です。wijtree ウィジェットは、展開／縮小アニメーションやドラッグ＆ドロップ機能をサポートします。
ツリーを表示するビューの .cshtml ファイルを開きます。次のマークアップを使用し、ツリーを作成します。
| ソースビュー |
コードのコピー
|
|---|---|
<ul id="tree">
<li><a>TreeViewNode1</a>
<ul>
<li>
<a>TreeViewNode1</a> <li>
<a>TreeViewNode2</a>
</ul>
</li>
<li><a>TreeViewNode2</a></li>
</ul>
|
|
ツリーを機能させるには、ウィジェットを初期化する必要があります。次のスクリプトを .cshtml ファイルに追加します。
| ソースビュー |
コードのコピー
|
|---|---|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#tree").wijtree();
});
</script>
|
|
上記のスクリプトはツリーを初期化し、2つのツリーノードがあって、その1つには2つのサブノードがあることを指定します。
wijtree の詳細については、Wijmo 製品マニュアルをご覧ください。