TreeViewコントロールは階層的な項目リストを表示します。ツリービューの各ノードには複数の子ノードを含めることができ、これらの子ノードは親ノードの下にインデントされて表示されます。子ノードは、その親のノードが展開されると表示され、親ノードが折りたたまれると非表示になります。

TreeViewクラスでは、任意のノードをクリックしたときに1つのノード（親または子）を展開するためのExpandOnClickプロパティが提供されています。ExpandOnClickメソッドは、特定のノード内の子ノードを展開するかどうかを決定するブール値を受け取ります。このプロパティをtrueに設定すると、1回のマウスクリックですべての子ノードを展開できます。

In addition, the TreeView class also provides ExpandOnLoad property that determines whether to toggle checkboxes when the user clicks the node header. This property accepts Boolean value and by default, it is set to false.

TreeViewコントロールでは、現在選択されている親ノードの兄弟ノードを自動的に閉じるためのAutoCollapseプロパティが提供されています。これは、同じTreeView内の別の親ノードをクリックしたときに起こります。

この例では、ExpandOnClickおよびAutoCollapseメソッドを使用して、ノードに対して展開および折りたたみ操作を実行します。以下のコード例では、「クイックスタート」セクションで追加したPropertyモデルを使用しています。

@using <ApplicationName.Models>
@model Property[]@(Html.C1().TreeView()
    .Bind(Model)
    .DisplayMemberPath("Header")
    .ChildItemsPath("Items")
    .AutoCollapse(true)
    .ExpandOnClick(true))