This example illustrates how to drag and drop events between the DataGrid and the Scheduler.
In this example, the DataGrid's allowRowDragAndDrop
and rowDropSettings
are used to drag
and drop items from the DataGrid to the Scheduler. The rowDrop
event of the DataGrid is triggered when an item
is dropped to the Scheduler. Within the rowDrop
event, the addEvent
method
is used to add the dropped item to the target Scheduler, and the deleteRecord
method is used to remove
the dragged item from the DataGrid.
For Scheduler to DataGrid, eventDragArea
is used to drag a range of events. The dragStop
event of the Scheduler is triggered when an item is dropped from the Scheduler to the
DataGrid. Within the dragStop
event, the DataGrid's addRecord
method is used to add the
dropped event to the target DataGrid, and the deleteEvent
method is used to remove the dragged event from the
Scheduler.