Scheduler / Drag and Drop / Drag Events From Grid

Blazor Scheduler Example - Drag Events From Grid

Loading Syncfusion Blazor Server Demos…

Task Management
Unplanned Tasks

This example illustrates how to drag and drop events between the DataGrid and the Scheduler.

In this example, the DataGrid's AllowRowDragAndDrop and GridRowDropSettings are used to drag and drop items from DataGrid to the Scheduler. The RowDropping event of the DataGrid is triggered when an item is dropped to the Scheduler. Within the RowDropping event, the AddEventAsync method is used to add the dropped item to the target Scheduler, and the current dragged item is removed using list operations. For Scheduler to DataGrid, EventDragArea is used to drag a range of events. The Dragged event of the Scheduler is triggered when an item is dropped from the Scheduler to the DataGrid. Within the Dragged event, the DataGrid's AddRecordAsync method is used to add the dropped event to the target DataGrid, and the DeleteEventAsync method is used to remove the dragged event from the Scheduler.

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