• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates the drag and drop functionality of TreeView. A drag and drop image is present at the top of the sample which hides on clicking the sample. To drag and drop node, select and drag the desired node and drop it on the target node or external container.

DEMO
SOURCE

TreeView-1

TreeView-2

ListView

The TreeView component allows users to drag any node and drop it on any other node in the same or different tree using allowDragAndDrop property. Additionally, it supports dropping a tree node to an external container using nodeDragStop event of the TreeView

For more information, you can refer to the Drag and Drop section from the documentation.