Details Page that contains a grid with child Items

5 posts, 0 answers
  1. Jeff
    Jeff avatar
    20 posts
    Member since:
    Jul 2015

    Posted 15 Jul 2015 Link to this post

    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?
  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2308 posts

    Posted 17 Jul 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Jeff
    Jeff avatar
    20 posts
    Member since:
    Jul 2015

    Posted 17 Jul 2015 in reply to Dimiter Madjarov Link to this post

    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.
  4. Jeff
    Jeff avatar
    20 posts
    Member since:
    Jul 2015

    Posted 17 Jul 2015 in reply to Dimiter Madjarov Link to this post

    I have no problem doing this type of thing without using your grid.
  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2308 posts

    Posted 20 Jul 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top