Drag from TreeView with Custom Hint

2 posts, 0 answers
  1. Adam
    Adam avatar
    5 posts
    Member since:
    Feb 2012

    Posted 13 Jun 2013 Link to this post

    I would like to show a custom html hint when dragging items from a treeview, but I cannot figure out how to get it to work.  Is there a way to use kendoDraggable with treeview to make this happen?
  2.
  3. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2887 posts

    Posted 17 Jun 2013 Link to this post

    Hi Adam,

    You can modify the drag hint template with the following code, right after the initialization of the widget.
    $("#treeview-left").kendoTreeView({
        dragAndDrop: true,
        //....
    })
    .data("kendoTreeView")
    .templates
    .dragClue = kendo.template("<div class='k-header k-drag-clue'><span class='k-icon k-drag-status' />#: data.item.text #</div>");

    It is possible to change the content of the hint (#: data.item.text #) but you would have to keep the .k-drag-status icon. Removing the icon span will cause a JavaScript error.

    I hope the information will help.

    Regards,
    Alexander Valchev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top