DropTargetContainerDirective
Represents the Kendo UI DropTargetContainer directive for Angular. Used to configure multiple elements as drop targets.
<div kendoDropTargetContainer dropTargetFilter=".my-droptarget">
<div class="my-droptarget">foo</div>
</div>Selector
[kendoDropTargetContainer]
Export Name
Accessible in templates as #kendoDropTargetContainerInstance="kendoDropTargetContainer"
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
dropDisabled |
|
Specifies whether the Drop Targets within the container will emit the corresponding events upon interaction with a Drag Target. | |
dropTargetFilter |
|
Specifies a selector for elements within a container which will be configured as drop targets
(see example). The possible values include any
DOM |
Events
| Name | Type | Description |
|---|---|---|
onDragEnter |
|
Fires when a DragTarget element enters the DropTarget. |
onDragLeave |
|
Fires when a DragTarget element leaves the DropTarget. |
onDragOver |
|
Fires when a DragTarget element is being dragged over the DropTarget. |
onDrop |
|
Fires when a DragTarget element is dropped over the DropTarget. |
Methods
notify |
|---|
|
Used for notifying the DropTargetContainer that its content has changed. |
