Details Page that contains a grid with child Items

[Jeff]

Hello I am relatively new to the Kendo UI for Asp.net MVC components.  I searched for a solution to my problem, but maybe I am not searching on the correct terms.  I have a Customer Grid and you can select a particular customer which will take you to the details page for that customer.  I want to have a grid on the details page that contains information about table that is related to that customer (for instance I want a grid listing the ShipTo items).  I am looking for examples.  I can do this using knockoutjs without much effort, but they want to use the Kendo grid (they paid for it etc) :-)  Any suggestions?

[Dimiter Madjarov]

Hello Jeff,

I would suggest to check the following example, that demonstrates a hierarchy Grid with Employees and Orders, similar to the current scenario. A step by step guide for implementing it could be found on the following documentation page.

Regards,
Dimiter Madjarov
Telerik

[Jeff]

I am attaching a screenshot.  You can see the details for a company called "Pied Piper" and at the bottom is a grid that needs to contain all of the ShipTo's related to that particular customer (right now it is displaying all of the ShipTo's.  I hope that helps as it is not easy to explain.

[Jeff]

I have no problem doing this type of thing without using your grid.

[Dimiter Madjarov]

Hello Jeff,

If you would like to send additional data to the Grid read action e.g. the id of the currently displayed company, you could use the following approach.
E.g.

.DataSource(dataSource => dataSource.Ajax()
    .Read(read => read
        .Action("Read", "Home")
        .Data("additionalData")
    )
)

This way you could display only the related "ShipTo" items.

Regards,
Dimiter Madjarov
Telerik