New to Kendo UI for Angular? Start a free 30-day trial
DropHintTemplateDirective
Represents the template for the TreeView drop hint when you drag an item.
To define the hint template, nest an <ng-template>
tag with the kendoTreeViewDropHintTemplate
directive inside a <kendo-treeview>
tag
(see example).
The template context provides the following variables:
let-action="action"
(DropAction
)—The drop action being performed.let-sourceItem="sourceItem"
(TreeItemLookup
)—The item being dragged.let-destinationItem="destinationItem"
(TreeItemLookup
)—The target item for the drop operation.
html
<kendo-treeview>
<ng-template kendoTreeViewDropHintTemplate let-action="action">
Drop action: {{ action }}
</ng-template>
</kendo-treeview>
Selector
[kendoTreeViewDropHintTemplate]