Kendo UI Grid：使用子网格进行拖放

Question

我有一个网格，每一行都是一个行程，里面有另一个网格。此详细信息网格包含此行的产品。 代码如下：

<div kendo-grid="$ctrl.tripGridControl" k-options="$ctrl.tripGridOptions" id="grid-result" k-data-source="$ctrl.resultModel.lstTrip">
    <div k-detail-template>
        <div kendo-grid="$ctrl.gridDetailControl" id="gridDetail" k-options="$ctrl.gridDetailOptions(dataItem)"></div>
    </div>
</div>

比方说，旅行A具有产品A1和A2，旅行B具有产品B1，B2和B3。 如何将产品A1从行程A拖动到行程B？

我发现了一些有关从一个网格拖放到另一个网格（而不是在每个子网格中）的演示。