• 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 Drag Events From Grid in ASP.NET Core schedule Control

This example illustrates how to drag and drop events between the DataGrid and the Scheduler.

DEMO
SOURCE
Task Management
Unplanned Tasks

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.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab