• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Drag and Drop Items From the KendoReact Grid to the KendoReact Scheduler

Environment

Product Version3.15.0
ProductProgress® KendoReact

Description

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

Solution

This will required the following setup:

  1. Use the rowRender prop of the Grid to make the row draggable and to get the currently dragged item.
  2. Then we need add a onDropEvent to the Scheduler container using the component ref.
  3. When the user drops an item we add it to the Scheduler data updating the state.
Example
View Source
Change Theme:

In this article

Not finding the help you need?