Dynamic Hierarchic Grid

[Rostislav]

Hello, 
i have a standard grid like this:

@(Html.Kendo().Grid<ItemModel>(Model)
  .Name("Grid")
  .Columns(columns =>
  {
    columns.Bound(p => p.Name).Title("Name");
  })
)

My model looks similar to this: 

class ItemModel
{
  string Name;
  Item Items[];
}

class Item
{
 string Name;
 DateTime Created;
}

Page Model contains an array of ItemModel and i would like to display the Items field as a separate grid for each corresponging ItemModel.
Is it possible to achieve this in an easy way (preferably setting and filtering data source straight from the page Model, since it is already loaded in) ?
I was fooling around a lot with provided examples, but i wasn't able to fill the hierarchic grid with the right data. 
Thank you for any suggestion.

Rostislav Striz

[Rostislav]

EDIT:  
Something like this obviously works...

@(Html.Kendo().Grid<Item>()
           .Name("grid_#=Name#")
           .Columns(columns =>
           {
             columns.Bound(p => p.Created);
           })
           .DataSource(dataSource =>  dataSource
             .Ajax()
             .Read(read => read.Action("Action", "Controller", new { PName= "#=Name#"})))
           .ToClientTemplate()
   )

But i was wondering if there is a way to get the data without the need of loading them from a different action (from the page Model)?

[Vladimir Iliev]

Hi,

 
Please note that we already provide such example in our CodeLibrary which demonstrates a how to edit a nested collection with another Grid and perform single request to update both the parent and the child grids with a single request: 

• Grid Popup Editing Navigation Property Collection with nested Grid

Kind Regards,
Vladimir Iliev
Telerik