Main grid with multiple nested subgrids

[tam]

 

Hello,

Please give me an idea how to do multiple nested subgrids.  please see the attachment for more details.

I have a main grid (one row), a subgrid1 (9 rows) and below the subgrid1 with 5 hyperlinks.

If a user clink on a hyperlink then a subgrid2 will show the data. If the user click on the different hyperlink then the subgrid2 will be updated.

My question:

how to add 5 hyperlinks below subgrid1.

how to show subgrid2 when a user click on a hyperlink.

Thank you!!! 

 

[Plamen Lazarov]

Hello Tam,

I would suggest you to use detailTemplate in order to add hyperlinks and subgrids. Please take a look at the example below: 

<script id="template" type="text/kendo-tmpl">

    <a id="show" href="\\#">Show</a>

 

    @(Html.Kendo().Grid<OrderViewModel>()

        ...
             .HtmlAttributes(new { style = "display: none;" })


        .ToClientTemplate())

</script>

Since the Grids should be hidden initially, you could add the display: none CSS property via the HtmlAttributes() method. In order to display them, you can use the click event  of the links as demonstrated below: 

$("#grid").on("click", "#show", function (e) {
        e.preventDefault();

        var grid = $(this).next(".k-grid").show();

});

 

Regards,
Plamen Lazarov
Telerik