How do I implement drag and drop between a KendoReact Grid and a TreeList?

1 Answer 124 Views
Drag and Drop Grid TreeList
Sean
Top achievements
Rank 1
Sean asked on 26 Oct 2021, 02:24 PM

Hi all, 

I need to add the capability to drag something from a Grid to a TreeList.

As far as my research has taken me, this is not available out of the box.

Can anybody advise me on strategies to make this work?

Thanks!

Sean P

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 27 Oct 2021, 08:35 AM

Hello Sean,

Although that there is no built-in functionality for Drag&Drop between Grid and TreeList, you can use the following examples that show how to make Grid rows draggable, how to store the currently dragged item and how to handle the drop target element:

As for the TreeList, you can handle the "rowRender" to add an attribute with the ID of the data items to the TR element for example, so that you can use that ID to easily identify over which TreeList item the drop event had occurred:

Let me know if any questions arise during the implementation. 

 

Best Regards,
Konstantin Dikov
Progress Telerik

Remote troubleshooting is now easier with Telerik Fiddler Jam. Get the full context to end-users' issues in just three steps! Start your trial here - https://www.telerik.com/fiddler-jam.
Tags
Drag and Drop Grid TreeList
Asked by
Sean
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or