DxScheduler.AppointmentDragMode Property

Specifies appointment drag & drop processing mode.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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:

ServerAll operations are processed on the server side.ClientAll 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.

AutoAll 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:

razor

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

Footnotes

AppointmentStartDragging, AppointmentStartResizing, and AppointmentDraggingBetweenResources.