TreeView Drag and Drop
When the drag-and-drop feature is enabled, the nodes of the TreeView can be dragged and dropped across all levels.
The functionality also features tooltips that help users indicate where the node will be dropped.
The following example demonstrates how to enable the drag-and-drop functionality for the TreeView nodes.
@(Html.Kendo().TreeView()
.Name("treeview")
.DragAndDrop(true)
.DataTextField("Name")
.DataSource(dataSource => dataSource
.Read(read => read
.Action("Employees", "TreeView")
)
)
)
<kendo-treeview auto-bind="true" drag-and-drop="true" datatextfield="Name" load-on-demand="true" name="treeview">
<hierarchical-datasource>
<schema>
<hierarchical-model id="id"></hierarchical-model>
</schema>
<transport>
<read url="@Url.Action("Employees", "TreeView")"/>
</transport>
</hierarchical-datasource>
</kendo-treeview>