<h1>
    Drag and Drop Between Trees
</h1>

<p>
    Setting the <b>allowDrag</b> property to true allows users
    to drag and drop nodes within the same <b>TreeView</b>.
</p>
<p>
    To allow dragging and dropping nodes between different
    <b>TreeView</b> controls, you must handle the <b>dragOver</b>
    event and set the <b>cancel</b> parameter to true if
    the operation is invalid, or to false if it is valid.
</p>

<label>
    <input id="dragWithin" type="checkbox" checked="checked">
    allow dragging within trees
</label>
<label>
    <input id="dragBetween" type="checkbox" checked="checked">
    allow dragging between trees
</label>

<div class="row demo-settings">
    <div class="col-xs-6">
        @Html.C1().TreeView().Id("firstTree").CssClass("short-tree")
    </div>
    <div class="col-xs-6">
        @Html.C1().TreeView().Id("secondTree").CssClass("short-tree")
    </div>
</div>