Hello?

I'm currently refactoring our project from Angular.js to React.

In this process, I'm working on implementing the functionality of dragging and dropping rows from a grid to a treeview, which we used in the previous Kendo jQuery version. However, I couldn't find information about this feature.

While details about drag and drop between grids or within a treeview are available, it seems that drag and drop from a grid to a treeview has not been implemented yet?

Hi.

I have setup an example app with a Splitter component that devides the screen between a TreeView and a DataGrid component and setup a drag&drop scenario wher I am able to drag grid rows into the tree to add tree branches.

https://stackblitz.com/edit/vitejs-vite-k3wgr5?file=src%2FApp.tsx

If I want to use the drag handles in the Datagrid to drag a grid row onto the TreeView, the row vanishes under the left side of the Splitter window but I want to keep it visible when I drag it over the tree. I already had a similar issue a while ago and tried to use the same solution but it doesn't seem to work.

Can you help me out and show me how to keep the row visible while dragging it over the tree on the left?

Thanks,

Greetings,

Bernd

Hi.

I have setup the Grid component with data from an API call and that all works pretty well. I have also setup a TreeView with data that basically shows locations (states and cities). Also one of the columns in my Grid shows cities.

What I want to achieve is if a user selects a City in the TreeView component, the filter of the Grid Column of the city field should be set to the selected city of the treeview. I know I can use the TreeViewItemClickEvent to handle the clicked item in the TreeView but I am not sure how to put the text of the selected treeview Item into the filter box of the Grid Component. Can you please point me in to the right direction or maybe even have an example on how to do this?

Thanks!