@model IEnumerable<TreeViewData>

<h1>
    Node Checkboxes
</h1>

<p>
    Set the <b>showCheckboxes</b> property to true and the TreeView will
    add checkboxes to each node.
</p>
<p>
    When checkboxes are displayed, the TreeView manages their
    hierarchy so that when a checkbox is checked or cleared, the new
    value is automatically applied to all child nodes, and reflected
    on the state of the parent nodes.
</p>
<p>
    When items are checked or unchecked, the <b>checkedItemsChanged</b>
    event is raised, and the <b>checkedItems</b> property is updated
    with a list of the items that are currently checked:
</p>

@Html.C1().TreeView().Id("theTree").Bind(Model).DisplayMemberPath("Header").ChildItemsPath("Items")
<button id="btnCheckAll" class="btn btn-default">
    Check All
</button>
<button id="btnUncheckAll" class="btn btn-default">
    Uncheck All
</button>
  &nbsp;&nbsp;&nbsp;&nbsp;
<button id="btnSaveState" class="btn btn-default">
    Save State
</button>
<button id="btnRestoreState" class="btn btn-default">
    Restore State
</button>

<div id="tvChkStatus"></div>    