<h1>
    Adding Nodes
</h1>
<p>
    To add nodes to a <b>TreeView</b> control, add a new data item
    to the tree's <b>itemsSource</b> array (at the proper position),
    then refresh the tree by calling the <b>loadTree</b> method:
</p>

<div class="row demo-settings">
    <div class="col-xs-5">
        @Html.C1().TreeView().Id("theTree")
    </div>
    <div class="col-xs-7">
        <p>
            New Node:
            <input class="form-control" id="theInput" value="My New Node">
        </p>
        <p>
            Add Node:
            <button id="btnBefore" class="btn btn-default">Before</button>
            <button id="btnAfter" class="btn btn-default">After</button>
            <button id="btnInto" class="btn btn-default">Child</button>
        </p>
    </div>
</div>