Drag and Drop an Item between Two KendoReact TreeLists

Updated on Jan 7, 2026

Environment

Product Version	4.7.0
Product	Progress® KendoReact TreeList

Description

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

Solution

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:

Change Theme

Theme

Loading ...