[Solved] Nested Grid - Ajax DataSource

[Jako]

Hi there

I have a grid with a child element, I am using AJAX binding for both grids. I have two issues. The child element opens, but doesn't call the AJAX data bind until I click on the header of the child element. And secondly, the #=Publisher# parameter, comes through as #=Publisher# instead of the actual value?

<script id="Top100TitleList" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<TitleListModel>()
            .Name("grid_#=Publisher#")
            .Columns(columns =>
            {
                columns.Bound(c => c.Publisher);
                columns.Bound(c => c.Quantity).Format("{0:n0}").Title("QTY");
                columns.Bound(c => c.Value).Format("R {0:n2}").Title("VAL");
            })
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(100)
                .Read(read => read.Action("VendorTop100", "Dashboard", new { userId = @Model.UserId, salesElement = @Model.SalesElement, rpg = "#=Publisher#" }))
            )
            .Pageable()
            .Sortable()
            .ToClientTemplate()
    )
</script>

<div class="row mtm">
    <div class="col-lg-12">
        <h3>Top 10 Vendors</h3>
        <div>
            @(Html.Kendo()
                  .Grid<TitleListModel>()
                  .Name("TopVendorListGrid")
                  .Columns(columns =>
                  {
                      columns.Bound(c => c.Publisher);
                      columns.Bound(c => c.Quantity).Format("{0:n0}").Title("QTY");
                      columns.Bound(c => c.Value).Format("R {0:n2}").Title("VAL");
                  })
                  .ClientDetailTemplateId("Top100TitleList")
                  .DataSource(dataSource => dataSource
                                .Ajax()
                                .Model(model =>
                                    {
                                        model.Id(e => e.Publisher);
                                        model.Field(e => e.Publisher).Editable(false);
                                    }
                                )
                                .PageSize(10)
                                .Read(read => read.Action("VendorTopList", "Dashboard", new { userId = @Model.UserId, salesElement = @Model.SalesElement })))
            )
        </div>
    </div>
</div>

[Vladimir Iliev]

Hi Jako,

I tried to reproduce the problem locally but to no avail – everything is working as expected on our side. Could you please provide runable project where the issue is reproduced (you can use this example as baseline)? This would help us pinpoint the exact reason for this behavior.

Regards,
Vladimir Iliev
Telerik