Example of External Drag and Drop in React Scheduler Component


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 control into scheduler.

More Details...


In this example, resourceHeaderTemplate is used to change the default appearance of the resource header column. Within the actionBegin 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 openEditor method of scheduler within the nodeDragStop event of TreeView.