Add the possibility to have a grip element for dragging a treeview node

[Alexandre Jobin]

Presently, the draggable zone is on the entire node. It would be nice to have the possibility to specify a dragging element in the node instead. You can see the dragging icon on my screenshot.

The initialization of the control could be something like that with the dragFilter option:

$("#categories-treeview").kendoTreeView({
    dragAndDrop: true,
    dragFilter: ".drag-handler"
});

This feature would answer some requested feature here:

• https://feedback.telerik.com/kendo-jquery-ui/1359103-make-treeview-drag-drop-ignore-accessible
• https://feedback.telerik.com/kendo-jquery-ui/1365310-greater-control-for-item-templates
• https://github.com/telerik/kendo-ui-core/issues/4753

I already have the solution working on my side and I can give it to Telerik anytime. This is as simple as 3-4 lines of code added to the TreeView control. I think it could be a great addition to the control.

[Dimitar]

Hello Alexandre Jobin,

You could prepare a simple TreeView custom solution that demonstrates the added functionality and share it here. I will then be able to review it and create a public Knowledge Base Article in order to make the example available for the rest of the community.

Also, we are constantly monitoring the Feedback Portal items. Based on the demand and gathered feedback, this feature could be scheduled for implementation in a future release of Kendo UI.

Regards,
Dimitar
Progress Telerik

[Alexandre Jobin]

Here's the demo based on Kendo v2019.1.115.

[Dimitar]

Hello Alexandre Jobin,

Thank you for the provided sample.

I will examine it, isolate the changes, and if everything works correctly I will create a Knowledge Base Article based on it.

Regards,
Dimitar
Progress Telerik

[Alexandre Jobin]

Any news to give us?

[Veselin Tsvetanov]

Hello Alexandre,

Please accept out apologies, as we still haven't finalize the review. We will come back to you as soon as we are ready.

Regards,
Veselin Tsvetanov
Progress Telerik

[Dimitar]

Hello Alexandre,

I have extracted the logic and created an example in the Knowledge Base section of the documentation. You can check it out from the below link:

• https://docs.telerik.com/kendo-ui/knowledge-base/treeview-restrict-drag-zone

Regards,
Dimitar
Progress Telerik

[Paul]

Hi Dimitar,

Is there a similar workaround available in Kendo UI for Angular?

Best Regards,

Paul

[Martin Bechev]

Hi Paul,

So far there isn't a built-in mechanism for controlling the drag targets of the TreeView. By default, the whole content of the kendoTreeViewNodeTemplate is part of the draggable area. But it sounds like a good enhancement to have. That is why we monitor the demand for the following feature request:

https://feedback.telerik.com/kendo-angular-ui/1597226-specify-drag-target

Please cast your vote as well.

We monitor the customer demand for various enhancements here and consider adding to the Roadmap the most voted ones. 

[Paul]

Thanks for getting back to me Martin.  I have voted on the feature request.