JavaScript/jQuery 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 an EventObject 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 an EventObject or a jQuery.Event when you use jQuery. |
| fromComponent | | |
The instance of the appointment's source UI component. Works only for element drag and drop between components. |
| fromData | any |
Custom data associated with the source UI component. Works only for element drag and drop between components. |
| itemData | any |
The appointment's data before the drag operation |
| 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. Works only for element drag and drop between components. |
| toData | any |
Custom data associated with the target UI component. Works only for element drag and drop between components. |
| toItemData | any |
The appointment's data after dragging. |
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 an EventObject or a jQuery.Event when you use jQuery. |
| fromComponent | | |
The instance of the appointment's source UI component. Works only for element drag and drop between components. |
| fromData | any |
Custom data associated with the source UI component. Works only for element drag and drop between components. |
| itemData | any |
The appointment's data before the drag operation. |
| 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. Works only for element drag and drop between components. |
| toData | any |
Custom data associated with the target UI component. Works only for element drag and drop between components. |
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 an EventObject or a jQuery.Event when you use jQuery. |
| fromData | any |
Custom data associated with the source UI component. Works only for element drag and drop between components. |
| itemData | any |
The appointment's data before the drag operation. |
| 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 an EventObject 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.