| MVC Classic ウィジェット > Wijtree > 自動縮小オプションの使用 |
wijtree では、別のノードが選択されたときに拡張されたノードを縮小する自動縮小オプションを使用できます。 このトピックでは、自動縮小オプションを設定する手順について説明します。 Web サイト（http://demo.componentone.com/ASPNET/MVCExplorer/tree/AutoCollapse）にアクセスし、MVC コントロールエクスプローラの Auto Collapse > Tree サンプルのライブデモをご覧ください。
<body> タグ内に追加します。
| ソースビュー |
コードのコピー
|
|---|---|
<ul id="tree">
<li><a>フォルダ 1</a>
<ul>
<li><a>フォルダ 1.1</a></li>
<li><a>フォルダ 1.2</a></li>
<li><a>フォルダ 1.3</a>
<ul>
<li><a><span>フォルダ 1.3.1</span></a></li>
<li><a><span>フォルダ 1.3.2</span></a></li>
<li><a><span>フォルダ 1.3.3</span></a></li>
<li><a><span>フォルダ 1.3.4</span></a></li>
<li><a><span>フォルダ 1.3.5</span></a></li>
</ul>
</li>
<li><a>フォルダ 1.4</a></li>
<li><a>フォルダ 1.5</a></li>
</ul>
</li>
<li><a href="#"><span>フォルダ 2</span></a>
<ul>
<li><a><span>フォルダ 2.1</span></a></li>
<li><a><span>フォルダ 2.2</span></a></li>
<li><a><span>フォルダ 2.3</span></a></li>
<li><a><span>フォルダ 2.4</span></a></li>
<li><a><span>フォルダ 2.5</span></a></li>
</ul>
</li>
<li><a href="#"><span>フォルダ 3</span></a>
<ul>
<li><a><span>フォルダ 3.1</span></a></li>
<li><a><span>フォルダ 3.2</span></a></li>
<li><a><span>フォルダ 3.3</span></a></li>
<li><a><span>フォルダ 2.4</span></a></li>
<li><a><span>フォルダ 3.5</span></a></li>
</ul>
</li>
</ul>
|
|
| ソースビュー |
コードのコピー
|
|---|---|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
var tv = $("#tree").wijtree({
autoCollapse: true
});
});
</script>
|
|