@model IEnumerable<TreeViewData>

<h1>
    Navigation Trees
</h1>
<p>
    The simplest and most common use for the TreeView control is navigation.
    The <b>TreeView</b>'s hierarchical structure and auto-search functionality
    make it easy for users to drill-down and find the items they are
    interested in.
</p>
<p>
    You can use the <b>selectedItemChanged</b> or <b>itemClicked</b> events
    for navigation. The difference is that <b>selectedItemChanged</b> occurs
    when the user moves the selection with the keyboard, and <b>itemClicked</b>
    occurs when the user clicks an item or presses the Enter key.
</p>
<p>
    This example uses the <b>itemClicked</b> event:
</p>

<div id="msg" class="msg">Ready</div>
@Html.C1().TreeView().Id("theTree").Bind(Model).DisplayMemberPath("Header").ChildItemsPath("Items")