DropTargetContainerDirective

Represents the Kendo UI DropTargetContainer directive for Angular. Used to configure multiple elements as drop targets.

ts

<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	boolean		Specifies whether the Drop Targets within the container will emit the corresponding events upon interaction with a Drag Target.
dropTargetFilter	string		Specifies a selector for elements within a container which will be configured as drop targets (see example). The possible values include any DOM selector.

Events

Name	Type	Description
onDragEnter	EventEmitter<DropTargetEvent>	Fires when a DragTarget element enters the DropTarget.
onDragLeave	EventEmitter<DropTargetEvent>	Fires when a DragTarget element leaves the DropTarget.
onDragOver	EventEmitter<DropTargetEvent>	Fires when a DragTarget element is being dragged over the DropTarget.
onDrop	EventEmitter<DropTargetEvent>	Fires when a DragTarget element is dropped over the DropTarget.

Methods

notify
Used for notifying the DropTargetContainer that its content has changed.