DragTargetDirective
Represents the Kendo UI DragTarget directive for Angular.
Selector
[kendoDragTarget]
Export Name
Accessible in templates as #kendoDragTargetInstance="kendoDragTarget"
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
autoScroll |
|
|
Defines the automatic container scrolling behavior when close to the edge (see example). |
dragData |
|
Defines a callback function used for attaching custom data to the dragTarget.
The data will be available in the events of the respective | |
dragDelay |
|
|
Defines the delay in milliseconds after which the drag will begin (see example). |
dragTargetId |
|
Defines a unique identifier for the dragTarget. | |
hint |
|
|
Defines whether a hint will be used for dragging. By default, the hint is a copy of the drag target. (see example). |
mode |
|
|
Specifies whether the default dragging behavior will be performed or the developer will manually handle the drag action. |
restrictByAxis |
|
Restricts the element to be dragged horizontally or vertically only (see example). Applicable when | |
threshold |
|
|
The number of pixels the pointer moves in any direction before the dragging starts (see example). Applicable when |
Events
| Name | Type | Description |
|---|---|---|
onDrag |
|
Fires while the user drags the DragTarget element. |
onDragEnd |
|
Fires when the dragging of the DragTarget ends and the element is released. |
onDragReady |
|
Fires when the DragTarget's |
onDragStart |
|
Fires when the dragging of the DragTarget element begins. |
onPress |
|
Fires when the user presses the DragTarget element. |
onRelease |
|
Fires when the user releases the DragTarget element after being pressed. |
