DragClueTemplateDirective

Represents the template for the TreeView drag clue when you drag an item.

To define the drag clue template, nest an <ng-template> tag with the kendoTreeViewDragClueTemplate directive inside a <kendo-treeview> tag (see example).

The template context provides the following variables:

• let-text="text" (string)—The display text of the item being dragged.
• let-action="action" (DropAction)—The type of drop action that will occur.
• let-sourceItem="sourceItem" (TreeItemLookup)—The TreeView item that is being dragged from its original position.
• let-destinationItem="destinationItem" (TreeItemLookup)—The TreeView item that serves as the target for the drop operation.

html

<kendo-treeview>
  <ng-template kendoTreeViewDragClueTemplate let-text="text">
    Dragging: {{ text }}
  </ng-template>
</kendo-treeview>

Selector

[kendoTreeViewDragClueTemplate]