DropTargetContainerDirective

Represents the Kendo UI DropTargetContainer directive for Angular. Use this directive to make multiple elements drop targets inside a container.

html

<div kendoDropTargetContainer dropTargetFilter=".my-droptarget">
  <div class="my-droptarget">
    Drop here
  </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		Sets a selector for elements in the container to make them drop targets. See example.

Events

Name	Type	Description
onDragEnter	EventEmitter<DropTargetEvent>	Fires when a drag target enters a drop target.
onDragLeave	EventEmitter<DropTargetEvent>	Fires when a drag target leaves a drop target.
onDragOver	EventEmitter<DropTargetEvent>	Fires when a drag target is dragged over a drop target.
onDrop	EventEmitter<DropTargetEvent>	Fires when a drag target is dropped over a drop target.

Methods

notify
Notifies the DropTargetContainer that its content has changed.