New to Kendo UI for AngularStart a free 30-day trial

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

Definition

Package:@progress/kendo-angular-utils

Selector:[kendoDropTargetContainer]

Export Name:Accessible in templates as #kendoDropTargetContainerInstance="kendoDropTargetContainer"

Syntax:

html
<div kendoDropTargetContainer dropTargetFilter=".my-droptarget">
  <div class="my-droptarget">
    Drop here
  </div>
</div>

Inputs

Specifies whether the drop targets within the container will emit the corresponding events upon interaction with a drag target.

Sets a selector for elements in the container to make them drop targets. See example.

Events

Fires when a drag target enters a drop target.

Fires when a drag target leaves a drop target.

Fires when a drag target is dragged over a drop target.

Fires when a drag target is dropped over a drop target.

Methods

Notifies the DropTargetContainer that its content has changed.