Drag and Drop an Item between Two KendoReact TreeLists


Product Version4.7.0
ProductProgress® KendoReact


How can I drag and drop item between two TreeList components?


This requires the following:

  1. Use the rowRender property of the TreeList to add the drag and drop events to the rows.
  2. Save the dragged item in the state during the onDragStart event.
  3. During the onDrop event update the data in both TreeList components.

This can be seen in action in the following example:

View Source
Change Theme:

In this article

Not finding the help you need?