React Scheduler - appointmentDragging
Configures appointment reordering using drag and drop gestures.
autoScroll
Enables automatic scrolling while dragging an appointment beyond the viewport.
See Also
group
Allows you to group several UI components so that users can drag and drop appointments between them.
Set this property to identical values for the UI components you want to collect in a single group.
onAdd
A function that is called when a new appointment is added.
Information about the event that caused the function's execution.
| Name | Type | Description |
|---|---|---|
| component |
The UI component's instance. |
|
| event | Event (jQuery or EventObject) |
The event that caused the function to execute. It is a dxEvent or a jQuery.Event when you use jQuery. |
| fromComponent | | |
The instance of the appointment's source UI component. |
| fromData | any |
Custom data associated with the source UI component. |
| itemData | any |
The data object of the appointment being dragged. |
| itemElement |
The container of the item being dragged. It is an HTML Element or a jQuery Element when you use jQuery. |
|
| toComponent | | |
The instance of the appointment's target UI component. |
| toData | any |
Custom data associated with the target UI component. |
onDragEnd
A function that is called when the dragged appointment's position is changed.
Information about the event that caused the function's execution.
| Name | Type | Description |
|---|---|---|
| cancel |
Allows you to cancel the gesture. |
|
| component |
The UI component's instance. |
|
| event | Event (jQuery or EventObject) |
The event that caused the function to execute. It is a dxEvent or a jQuery.Event when you use jQuery. |
| fromComponent | | |
The instance of the appointment's source UI component. |
| fromData | any |
Custom data associated with the source UI component. |
| itemData | any |
The dragged appointment's data. |
| itemElement |
The container of the item being dragged. It is an HTML Element or a jQuery Element when you use jQuery. |
|
| toComponent | | |
The instance of the appointment's target UI component. |
| toData | any |
Custom data associated with the target UI component. |
onDragMove
A function that is called every time a draggable appointment is moved.
Information about the event that caused the function's execution.
| Name | Type | Description |
|---|---|---|
| cancel |
Allows you to cancel the gesture. |
|
| component |
The UI component's instance. |
|
| event | Event (jQuery or EventObject) |
The event that caused the function to execute. It is a dxEvent or a jQuery.Event when you use jQuery. |
| fromComponent | | |
The instance of the appointment's source UI component. |
| fromData | any |
Custom data associated with the source UI component. |
| itemData | any |
The data object of the appointment being dragged. |
| itemElement |
The container of the item being dragged. It is an HTML Element or a jQuery Element when you use jQuery. |
|
| toComponent | | |
The instance of the appointment's target UI component. |
| toData | any |
Custom data associated with the target UI component. |
onDragStart
A function that is called when the drag gesture is initialized.
Information about the event that caused the function's execution.
| Name | Type | Description |
|---|---|---|
| cancel |
Allows you to cancel the gesture. |
|
| component |
The UI component's instance. |
|
| event | Event (jQuery or EventObject) |
The event that caused the function to execute. It is a dxEvent or a jQuery.Event when you use jQuery. |
| fromData | any |
Custom data associated with the source UI component. |
| itemData | any |
The data object of the appointment being dragged. |
| itemElement |
The container of the item being dragged. It is an HTML Element or a jQuery Element when you use jQuery. |
onRemove
A function that is called when a draggable appointment is removed.
Information about the event that caused the function's execution.
| Name | Type | Description |
|---|---|---|
| component |
The UI component's instance. |
|
| event | Event (jQuery or EventObject) |
The event that caused the function to execute. It is a dxEvent or a jQuery.Event when you use jQuery. |
| fromComponent | | |
The instance of the appointment's source UI component. |
| fromData | any |
Custom data associated with the source UI component. |
| itemData | any |
The data object of the appointment being dragged. |
| itemElement |
The container of the item being dragged. It is an HTML Element or a jQuery Element when you use jQuery. |
|
| toComponent | | |
The instance of the appointment's target UI component. |
scrollSensitivity
Specifies the distance in pixels from the edge of viewport at which scrolling should start. Applies only if autoScroll is true.
See Also
scrollSpeed
Specifies the scrolling speed when dragging an appointment beyond the viewport. Applies only if autoScroll is true.
See Also
If you have technical questions, please create a support ticket in the DevExpress Support Center.