Treeview of KendoGrids

[Vladimir]

I'm tasked with creating a modal that contains three kendo grids that are presented like a treeView. When pressing the expand button for each grid, the details will appear. For a clearer picture of what I'm trying to achieve, please refer to the image attached.

 

I've succeeded in creating each kendo grid individually. However, they do not collapse/expand. Each Kendo grid is usually different from the others so I don't believe I can do something like https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/detailinit. Is it possible to accomplish what's shown in the image I attached?

[Martin]

Hello Vladimir,

Thank you for the screenshot.

Could I ask for some additional details about the desired result? On the screenshot, what should the two components be? Parent-child Grids, or TreeView with Grids? If you have made some progress on that scenario, I would very much appreciate it if you could share it so that I could observe any specific issues that you are experiencing.

Looking forward to your reply.

Regards,
Martin
Progress Telerik

[Vladimir]

Thank you so much for your response. It appears to be a treeview of kendo grids, which is something I believe I can do. What I find challenging is that when each of the node expands, it's meant to show the content of the grid. If it collapses, then only the grid toolbar should know. I'm not sure if this is something that kendo is capable of doing.

[Martin]

Hello Vladimir,

A possible approach to put a Grid within a TreeView is to initialize the TreeView from a static HTML so that you can place the div for the Grid in it. However, that would limit the functionality of the TreeView component, as this approach is not suitable for large set of data. Here you will find small Dojo example for reference.

Would that be close to what you are trying to achieve? If not, please modify the example and provide some more information about the desired result. I will do my best to help you.

Regards,
Martin
Progress Telerik