Drag and Drop Items from KendoReact ListView to KendoReact Scheduler

Updated on Dec 19, 2025

Environment

Product Version	7.0.2
Product	Progress® KendoReact ListView and Progress® KendoReact Scheduler

Description

Looking for a drag and drop between KendoReact ListView and KendoReact Scheduler. I want to transfer items from the ListView to the Scheduler.

Solution

To enable drag and drop functionality between a KendoReact ListView and a KendoReact Scheduler, follow these steps:

1. Render a custom ListView item by using the item prop. This allows you to make the row draggable and obtain the currently dragged item.
2. Add an onDropEvent to the Scheduler container using the component ref.
3. When the user drops an item, add it to the Scheduler data by updating the state.

Change Theme

Theme

Loading ...

Notes

• Make sure to install the required dependencies, such as react-dnd, @progress/kendo-react-listview, and @progress/kendo-react-scheduler.
• Refer to the official documentation for more information on the DragSource and useRef APIs.
• Adjust the code according to your specific use case and requirements.

See Also

• KendoReact ListView Documentation
• KendoReact Scheduler Documentation