Kendo Grid 中的多级子网格答案

【问题标题】：Multilevel Child grid in Kendo GridKendo Grid 中的多级子网格
【发布时间】：2014-11-19 17:08:43
【问题描述】：

我正在开发 HTML5 和 Javascript 应用程序，我正在使用剑道网格开发多级子网格。

示例：父 -> 子->孙子。

这可以使用剑道网格来实现吗？

【问题讨论】：

【解决方案1】：

是的，您可以像这样在子网格上简单地定义另一个细节初始化

function detailInit(e) {
                    $("<div/>").appendTo(e.detailCell).kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                            },
                            serverPaging: true,
                            serverSorting: true,
                            serverFiltering: true,
                            pageSize: 10,
                            filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
                        },
                        scrollable: false,
                        sortable: true,
                        pageable: true,
                        detailInit: detailInitGrandChild,
                        dataBound: function() {
                            this.expandRow(this.tbody.find("tr.k-master-row").first());
                        },
                        columns: [
                            { field: "OrderID", width: "70px" },
                            { field: "ShipCountry", title:"Ship Country", width: "110px" },
                            { field: "ShipAddress", title:"Ship Address" },
                            { field: "ShipName", title: "Ship Name", width: "300px" }
                        ]
                    });
                }

看看这个例子http://dojo.telerik.com/uQEx

【讨论】：

嗨 cwishva 谢谢 :)。我在找这个