Drag and Drop an Item between Two KendoReact TreeLists

Environment

Product Version4.7.0
ProductProgress® KendoReact

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:

Example
View Source
Change Theme:

In this article

Not finding the help you need?