• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Drag and Drop in ASP.NET Core TreeView Control

This ASP.NET Core TreeView example 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.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE