Vue Scheduler - appointmentDragging
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
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
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
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
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
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.
scrollSpeed
Specifies the scrolling speed when dragging an appointment beyond the viewport. Applies only if autoScroll is true.
If you have technical questions, please create a support ticket in the DevExpress Support Center.