Scheduler / Drag and Drop / External Drag and Drop

Blazor Scheduler Example - External Drag and Drop

Loading Syncfusion Blazor Server Demos…

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

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

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 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
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE