Kendo UI网格层次结构

时间:2013-10-10 10:07:37

标签: html kendo-ui kendo-grid hierarchy

我所拥有的是从服务传递的以下DTO

class ServiceDto
{
     public string Name { get; set; }
     public string Complete { get; set; }
     public string Incomplete{ get; set; }
     public List<ServiceDto> Detail{ get; set; }
}

本质上我有一个团队,其中有用户,服务返回的数据可能看起来像这样

 Team 1               3          5
     John Doe         1          3
     Mike Low         2          2

 Team 2               3          3
     Bob Smith        1          2
     Alice Smith      2          1

我已经实现了这个方面的第一部分:

 $(document).ready(function () {
    var element = $("#grid").kendoGrid({
        dataSource: {
            type: "json",
            transport: {
                read: "../home/service"
            }                
        }
        detailInit: detailInit,
        dataBound: function () {
            this.expandRow(this.tbody.find("tr.k-master-row").first());
        },
        columns: [
            { field: "Name", title: "Team Name"},
            { field: "Complete"},
            { field: "Incomplete"}
        ]
    });
});

但我不确定如何将每个结果的详细信息传递给detailInit init函数,该函数看起来像这样:

function detailInit(e) {
    $("<div/>").appendTo(e.detailCell).kendoGrid({
        dataSource: {
            type: "json",
            transport: {
                read: ???
            },
        },            
        columns: [
            { field: "Name", title: "User Name" },
            { field: "Complete", title: "Completed task" },
            { field: "Incomplete", title: "Incomplete tasks" }
        ]
    });
}

从父母传递数据需要做什么?

1 个答案:

答案 0 :(得分:3)

detailInit功能中,您可以在master中获取e.data个数据。

BTW:你考虑过使用KendoUI Grid Aggregates吗?请参阅演示here