Kendo Grid 中的多级子网格

Posted 2023-05-07

【中文标题】Kendo Grid 中的多级子网格

【英文标题】：Multilevel Child grid in Kendo 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 谢谢 :)。我在找这个