JavaScript/jQuery Scheduler - appointmentDragging
group
Allows you to group several UI components so that users can drag and drop appointments between them.
onAdd
| Name | Type | Description |
|---|---|---|
| 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. |
|
| 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. |
|
| 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. |
|
| 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 |
|---|---|---|
| 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.