Customizing Column template in Nested Grid

[Jeffrey]

For the following code :

<div class="QTFFDetail">
    @(Html.Kendo().Grid(Model.Case.Investigators)
        .Name("Dashboard")
        .Columns(columns =>
        {
   columns.Template(@<text></text>).ClientTemplate("<div>Investigator : #=FirstName# #=LastName# (#=Pernr#) <a href='\\#' style='float:right;' class='openFeedbackForm'>+ Create Feedback Form</a></div>");
   })
        .ClientDetailTemplateId("feedbackFormTemplate")
        .DataSource(dataSource => dataSource
            .Ajax()
            .Model(model => model.Id(p => p.Pernr))
            .Read(read => read.Action("GetAllInvestigatorsForCase", "CaseSummary"))
        )
    )
</div>

<script id="feedbackFormTemplate" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<Intranet.Data.Review.Info.FeedbackFormInfo>()
        .Name("FeedbackForm_#=Pernr#") 
        .Columns(columns =>
        {
            columns.Template(@<text></text>).HeaderTemplate("<div>#=SubmissionDateString# </div>");
        })
                .ClientDetailTemplateId("reasonTemplate")
                .DataSource(dataSource => dataSource
                    .Ajax()
                    .Read(read => read.Action("GetByInvestigator", "FeedbackForm", new { pernr = "#=Pernr#" }))
                )
                .ToClientTemplate()
            )
</script>


... the columns.Template in the feedbackFormTemplate producs a javascript error (JavaScript runtime error: 'SubmissionDateString' is undefined) when I try to expand the row (SubmissionDateString is a property of Intranet.Data.Review.Info.FeedbackFormInfo).
I have seen a ton of nested grid examples, but none that show you how to customize a column in the child grid.

Please advise, thanks!

[Nikolay Rusev]

Hello Jeffrey,

The way nested grid column is defined:
columns.Template(@<text></text>).HeaderTemplate("<div>#=SubmissionDateString# </div>");
the value for "SubmissionDateString" will be searched inside master grid data item Model.Case.Investigators.

If the field is part of nested grid model the template hash("#") must be escaped. Here are few directions:
http://docs.kendoui.com/getting-started/framework/templates/overview#template-syntax
http://www.kendoui.com/forums/mvc/grid/new-client-details-template.aspx

However you should be aware that when header template is evaluated the data item provided is an empty object - { }. That said it will still not contains the field. This field will be available in the column.ClientTemplate which is used for rendering column cells in the row.

Regards,
Nikolay Rusev
the Telerik team

[Jeffrey]

Nikolay,

Thank you so much for your speedy reply, as that did the trick!

Jeff