DxScheduler.AppointmentDragMode Property

Specifies appointment drag & drop processing mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(SchedulerAppointmentDragMode.Auto)]
[Parameter]
public SchedulerAppointmentDragMode AppointmentDragMode { get; set; }

Property Value

Type	Default	Description
SchedulerAppointmentDragMode	Auto	An enumeration value.

Available values:

Name	Description
Auto	Drag & drop operations are processed on the server or client based on the component configuration.
Client	Drag & drop operations are processed on client.
Server	Drag & drop operations are processed on the server.

Remarks

The Scheduler component can process drag & drop operations on the client and server. To improve responsiveness, the component automatically uses client-side processing unless server-side processing is required.

Use the AppointmentDragMode property to specify how to process drag & drop operations:

Server

All operations are processed on the server side.

Client

All operations are processed on the client side. Note:

• Server-side events^[1] are not raised.
• Server-side processing is required to correctly render start and end times for templated appointments during drag-and-drop operations. When operations are processed on the client, the component displays a tooltip with this information instead of re-rendering the appointment.

Auto

All operations are processed:

• On the server, if you handle server-side events^[1] or use templated appointments.
• On the client, if you do not handle server-side events^[1] and do not use templated appointments.

Run Demo

Example

The following code snippet sets AppointmentDragMode to Server:

<DxScheduler @bind-StartDate="@StartDate"
             DataStorage="@DataStorage" 
             AppointmentDragMode="SchedulerAppointmentDragMode.Client">
    @* ... *@
</DxScheduler>

Footnotes

1. AppointmentStartDragging, AppointmentStartResizing, and AppointmentDraggingBetweenResources.