Example of Drag Events From Grid in Blazor Scheduler Component
This example illustrates how to drag and drop events between the DataGrid and the Scheduler.
Task Management
Unplanned Tasks
ID | Task | Duration |
---|
1001 | Test report validation | 3 Hours | |
1002 | Timeline estimation | 4 Hours | |
1003 | Workflow Analysis | 2 Hours | |
1004 | Quality Analysis | 5 Hours | |
1005 | Cross-browser testing | 1 Hour | |
1006 | Resolution-based testing | 3 Hours | |
1007 | Project Preview | 6 Hours | |
1008 | Developers Meeting | 2 Hours | |
1009 | Test case correction | 7 Hours | |
1010 | Debugging | 4 Hours | |
1011 | Exception handling | 5 Hours | |
1012 | Bug fixing | 1 Hour | |
1013 | Bug Automation | 3 Hours | |
1014 | Bug analyzing | 6 Hours |
In this example, the DataGrid's AllowRowDragAndDrop
and GridRowDropSettings
is 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 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.