This is a migrated thread and some comments may be shown as answers.

Treeview of KendoGrids

3 Answers 32 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Vladimir
Top achievements
Rank 1
Vladimir asked on 07 Apr 2020, 08:56 PM

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?

3 Answers, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 09 Apr 2020, 02:25 PM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Vladimir
Top achievements
Rank 1
answered on 09 Apr 2020, 05:16 PM
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.
0
Martin
Telerik team
answered on 13 Apr 2020, 02:09 PM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
Grid
Asked by
Vladimir
Top achievements
Rank 1
Answers by
Martin
Telerik team
Vladimir
Top achievements
Rank 1
Share this question
or