Example of External Drag and Drop in Blazor Scheduler Component

Scheduler / Drag and Drop / External Drag and Drop

This example illustrates how to drag and drop the events from an external source into Scheduler. Here, you can drag and drop the items from TreeView component into Scheduler.

Doctor's Appointments

Waiting List

  • Steven
    GENERAL - Consulting
  • Milan
    DENTAL - Bad Breath
  • Laura
    GENERAL - Extraction
  • Janet
    DENTAL - Gum Disease
  • Adams
    GENERAL - Observation
  • John
    DENTAL - Mouth Sores

In this example, within the OnActionBegin event of Scheduler, the dragged item from the TreeView control is removed, when it is being dragged and dropped onto the Scheduler. When the item is being dropped onto the Scheduler, the event editor is explicitly made to open with the target details by invoking the OpenEditorAsync method of Scheduler within the OnNodeDragStop event of TreeView.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE