无法将子网格绑定到剑道层次结构 UI 网格中的第二行答案

【问题标题】：not able to bind the child grid to second row in kendo Hierarchy UI grid无法将子网格绑定到剑道层次结构 UI 网格中的第二行
【发布时间】：2013-08-06 09:59:02
【问题描述】：

我有父网格和子网格，我正在使用kendo UI Grid(层次网格格式) 将子网格数据绑定到父网格中的相应行，因为我只能为第一行显示子网格，而不能为其他行显示相同的详细信息...

这是我对该网格的看法...

@model IEnumerable<KendoSampleMVCApp.Models.EmployeesDetailsModel>
@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>
@using (Html.BeginForm())
{ 
   @(Html.Kendo().Grid<KendoSampleMVCApp.Models.EmployeesDetailsModel>()
        .Name("ParentGrids")
        .Columns(columns =>
        {
            columns.Bound(e => e.EmployeeID).Width(100);
            columns.Bound(e => e.EmployeeFirstName).Width(100);
            columns.Bound(e => e.EmployeeSecondName).Width(100);
            columns.Bound(e => e.EmployeeCity).Width(100);         

        })               
        .Sortable()
        .Pageable()
        .Scrollable()
        .ClientDetailTemplateId("template")
        .HtmlAttributes(new { style = "height:430px;" })
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(5)
            .Read(read => read.Action("HierarchyBinding_Employees", "HierarchyGridDisplay"))            
        )               
)
    <script id="template" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<KendoSampleMVCApp.Models.ShipDescriptionModel>()
            .Name("ChildGrids")
            .Columns(columns =>
            {
                columns.Bound(o => o.ShipAddress).Width(70);
                columns.Bound(o => o.ShipCountry).Width(70);
                columns.Bound(o => o.ShipName).Width(70);
            })
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(6)
                .Read(read => read.Action("HierarchyBinding_Orders", "HierarchyGridDisplay"))
            )
            .Pageable()
            .Sortable()
            .ToClientTemplate()
    )
    </script>
<script>
    function dataBound() {
        this.expandRow(this.tbody.find("tr.k-master-row").first());
    }
</script>
}

这是我的模型

public class EmployeesDetailsModel
{
    public string EmployeeID { get; set; }
    public string EmployeeFirstName { get; set; }
    public string EmployeeSecondName { get; set; }
    public string EmployeeCity { get; set; }        
}
public class ShipDescriptionModel
{
    public string ShipCountry { get; set; }
    public string ShipAddress { get; set; }
    public string ShipName { get; set; }       
}
public class EmployeeShipModel
{
    public EmployeesDetailsModel employeesshipments { get; set; }
    public ShipDescriptionModel shipinfo { get; set; }   
}

您能否建议任何想法和需要在view 中进行的任何更改，以便将子网格数据也显示到另一行...非常感谢

请看下面附上的图片

【问题讨论】：

标签： asp.net-mvc asp.net-mvc-4 kendo-ui kendo-grid kendo-asp.net-mvc

【解决方案1】：

我相信这是因为您有网格的静态 ID。您应该尝试给它一个动态的，以便可以创建不同的子网格。这就是为什么它只适用于第一条记录，因为网格名称没有变化。尝试这样做：

 @(Html.Kendo().Grid<KendoSampleMVCApp.Models.ShipDescriptionModel>()
        .Name("ChildGrid_#=EmployeeID#")

发生的情况是父网格中的 EmployeeId 被拉下，并被用于网格的命名约定。这样您就可以拥有任意数量的子网格。

【讨论】：