Example of External Drag and Drop in ASP.NET MVC Scheduler Control
Scheduler
Drag and Drop
External Drag and Drop
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.
DEMO
SOURCE
Doctor's Appointments
Jul 2, Wednesday
12:00 AM
1:00 AM
2:00 AM
3:00 AM
4:00 AM
5:00 AM
6:00 AM
7:00 AM
8:00 AM
9:00 AM
10:00 AM
11:00 AM
12:00 PM
1:00 PM
2:00 PM
3:00 PM
4:00 PM
5:00 PM
6:00 PM
7:00 PM
8:00 PM
9:00 PM
10:00 PM
11:00 PM
GENERAL
Alice
Cardiologist
Robert
Optometrist
Laura
Orthopedic
DENTAL
Nancy
Orthodontist
Robson
Periodontist
Margaret
Endodontist
+10 more
+10 more
+10 more
+10 more
+10 more
+10 more
+10 more
+10 more
+10 more
+10 more
+10 more
+10 more
Waiting List
Steven
GENERAL - Consulting
Milan
DENTAL - Bad Breath
Laura
GENERAL - Extraction
Janet
DENTAL - Gum Disease
Adams
GENERAL - Observation
John
DENTAL - Mouth Sores
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.
Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components