jqGrid拖放到子網格

Question

是否有人實現了從一個jqGrid拖放到另一個JqGrid的子網格的操作。 因此，基本上我有一個外觀網格，可以在其中搜索和過濾所需的內容，並將一行拖動到帶有子網格的另一個網格中。

查找網格（食物）記錄網格（主網格（周）-> childgrid（天）-> childgrid（食物列表）

因此，當天的拖放操作將從lookupgrid轉到Foodlist子網格。

我已經實現了查找網格和記錄網格，但是無法執行拖放功能。

問題是jqGrid按照文檔使用靜態網格ID，但是子網格ID是動態的，無法使用文檔建議進行鏈接

        jQuery("#jqGrid1").jqGrid('gridDnD',{connectWith:'#jqGrid2'}); 
        jQuery("#jqGrid2").jqGrid('gridDnD',{connectWith:'#jqGrid1'});

任何可以完成這項工作的向導。

謝謝

Answer 1

如果使用subgrid作為網格方法，則subGridRowExpanded只是在subGridRowExpanded回調內部創建的一個網格。 因此，我看不出有什么問題打電話gridDnD內subGridRowExpanded創建亞格后直接。

Answer 2

您可以使用jQuery UI提供的可拖放方法。 將目標子網格的ID指定為可放置區域。 執行刪除操作時，還要更新基礎數據。

$("#gbox_destinationTable tr td").droppable({
    drop : function(event, ui) {
        var draggedHtml = ui.draggable.html();
        $(this).append(draggedHtml);
        deleteFromSource(ui.draggable.parent());
    } 
 });

function deleteFromSource(draggedObj) {
    $('#sourceTable').jqGrid('delRowData', draggedObj.attr('id'));
}

您可能會在這里看到一個示例： http : //jsfiddle.net/pragya91/fzkqxdxm/