• Material 3
  • Fluent
  • Bootstrap v5
  • Tailwind CSS
  • High Contrast
Preferences
Theme Selection
Theme Modes
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of External Drag and Drop in ASP.NET MVC Scheduler Control

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

Waiting List

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
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE