Drag and Drop an Item from KendoReact TreeLists to DIV

Updated on Dec 19, 2025

Environment

Product Version	5.12.0
Product	Progress® KendoReact TreeList

Description

How can I drag and drop item from TreeList to a DIV element?

Solution

This requires the following:

1. Use the rowRender property of the TreeList to add the dragStart event to the rows.
2. Save the dragged item in the state during the onDragStart event.
3. During the onDrop event of the DIV element update the dropped item.

Following is an example with the described approach:

Change Theme

Theme

Loading ...