Kendogrid 获取父网格的详细信息行

Question

有没有办法从分层网格中获取详细信息行？

这就是我设置细节网格的方式：

function setChildGrid(e){

    var detailRow = e.detailRow;

    detailRow.find(".detail-grid").kendoGrid({
           // datasource and all needed setup is here...
   });

}

在我的父网格中：

$("#parent-grid").kendoGrid({
   // datasource and all needed setup is here...
   detailTemplate: "<div>my template here...</div>"
   detailInit: setChildGrid
});

我想要的是在保存父网格时能够获取详细网格中的所有值。

我不能这样做来获取那些行详细信息吗？

var findChild = $("#parentGrid").find("childGrid"); // 

Answer 1

您可以根据行找到详细信息网格。

Kendo 渲染细节网格如下：

有两种行类型 1. .k-master-row 带有 guid（这是父表中具有更多子网格的行。 2. .k-detail-row 隐藏，仅在主行展开时显示。这包含子元素 <div class="k-grid k-widget" data-role="grid"> 作为详细信息网格。

所以，找到一行的子网格。

var detailsGridForRow = $(givenRow).siblings('.k-detail-row').find('.k-grid').data('kendoGrid');