DragTargetContainerDirective
Represents the Kendo UI DragTargetContainer directive for Angular. Used to configure multiple elements as draggable.
<ul kendoDragTargetContainer dragTargetFilter=".my-draggable">
<li class="my-draggable">foo</li>
</ul>
Selector
[kendoDragTargetContainer]
Export Name
Accessible in templates as #kendoDragTargetContainerInstance="kendoDragTargetContainer"
Inputs
Name | Type | Default | Description |
---|---|---|---|
dragData |
|
Defines a callback function which returns custom data passed to the DropTarget events.
It exposes the current DragTarget HTML element, its | |
dragDelay |
|
|
Defines the delay in milliseconds after which the drag will begin (see example). |
dragDisabled |
|
|
If set to true, the dragging of DragTargets within the container will be disabled. |
dragHandle |
|
Specifies a selector for elements within each DragTarget which will be configured as drag handles. | |
dragTargetFilter |
|
Specifies a selector for elements within a container which will be configured as draggable
(see example). The possible values include any
DOM | |
dragTargetId |
|
Defines a unique identifier for each drag target. It exposes the current DragTarget HTML element and its index in the collection of drag targets as arguments. | |
hint |
|
|
Defines whether a hint will be used for dragging. By default, the hint is a copy of the current drag target. (see example). |
mode |
|
|
Specifies whether the default dragging behavior will be performed or the developer will manually handle the drag action. |
threshold |
|
|
The number of pixels the pointer moves in any direction before the dragging starts (see example). |
Events
Name | Type | Description |
---|---|---|
onDrag |
|
Fires while the user drags a DragTarget element. |
onDragEnd |
|
Fires when the dragging of a DragTarget ends and the element is released. |
onDragReady |
|
Fires when a DragTarget's |
onDragStart |
|
Fires when the dragging of a DragTarget element begins. |
onPress |
|
Fires when the user presses a DragTarget element. |
onRelease |
|
Fires when the user releases a DragTarget element after being pressed. |
Methods
notify |
---|
Used for notifying the DragTargetContainer that its content has changed. |