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

Example of External Drag and Drop in ASP.NET Core 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 Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab