grid ClientTemplate

[Andrew]

Is it possible to add a grid inside a ClientTemplate for a column?   I would like to have a grid and then for one of the columns in the rows add another grid to it using the datasource.

It is like the example posted: http://demos.telerik.com/kendo-ui/web/grid/rowtemplate.html.  But, I want a grid in the column not the detailed grid example. 

[Andrew]

Here what I am tying to do.

### use the model from the grid to populate a partial view

@*@(Html.Kendo().Grid<GRMVC.Models.Buildings>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(e => e.buildingName).Width(120).Title("Building Name").ClientTemplate("#=buildingName#");
        columns.Bound(e => e.Items).Title("Testing").Template(p =>
             Html.Partial("~/Views/Shared/gridTemplates/_Column2.cshtml", p.Items).ToHtmlString()
        );
    })
   .DataSource(dataSource => dataSource
       .Ajax()
       .Read(read => read.Action("RegionGrid3Data", "Home"))
   )
)*@
               
### add a grid to a grid and get the data by AJAX.  I get a grid in the column, but no data.


@*@(Html.Kendo().Grid<GRMVC.Models.Buildings>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(e => e.buildingName).Width(120).Title("Building Name").ClientTemplate("#=buildingName#");
        columns.Bound(e => e.Items).Title("Testing").ClientTemplate(
             Html.Kendo().Grid<GRMVC.Models.Buildings>()
                .Name("grid")
                .Columns(col =>
                {
                    col.Bound(e => e.buildingName).Width(120).Title("Building Name");
                    col.Template(@<text></text>).Title("Testing").ClientTemplate("inside");
                })
                .HtmlAttributes(new { style = "min-height: 300px;" })
                .DataSource(dataSource => dataSource
                .Ajax()
                .Read(read => read.Action("RegionGrid3Data", "Home"))
                ).ToClientTemplate().ToHtmlString()
        );
    })
   .DataSource(dataSource => dataSource
       .Ajax()
       .Read(read => read.Action("RegionGrid3Data", "Home"))
   )
)*@

### use the model from the grid to populate a partial view

@*@(Html.Kendo().Grid<GRMVC.Models.Buildings>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(e => e.buildingName).Width(120).Title("Building Name").ClientTemplate("#=buildingName#");
        columns.Bound(e => e.Items).Title("Testing").Template(p =>
             @Html.Partial("~/Views/Shared/gridTemplates/_Column2.cshtml", p.Items).ToHtmlString()
        );
    })
   .DataSource(dataSource => dataSource
       .Ajax()
       .Read(read => read.Action("RegionGrid3Data", "Home"))
   )
)*@

[Vladimir Iliev]

Hi Andrew,

Basically I would suggest to use Grid with client hierarchy as it will be more user friendly - please check the following example in our CodeLibrary:

• Grid Ajax Hierarchy Editing

Also you can use the same approach demonstrated in the above example to create a Grid inside column template.

Regards,
Vladimir Iliev
Telerik