jqGrid拖放到子网格

时间:2015-11-15 15:32:12

标签: javascript jquery jqgrid drag-and-drop

是否有人实现了从一个jqGrid拖放到另一个JqGrid的子网格。所以基本上我有一个网格,我可以搜索和过滤我想要的东西,并用一个子网格拖动一行到另一个网格。

查找网格(食物) 记录网格(主网格(星期) - > childgrid(天) - > childgrid(foodlist)

所以我的拖放会在当天从查询网格转到foodlist子网格。

我已经实现了查找网格和记录网格,但无法执行拖放功能。

问题是jqGrid根据文档使用静态网格ID,但是子网格ID是dynanmic并且无法使用文档建议链接

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

任何可以使这项工作的巫师。

由于

2 个答案:

答案 0 :(得分:0)

如果使用subgrid as grid方法,则子网格只是您在subGridRowExpanded回调中创建的另一个网格。因此,我认为在创建子网格后直接在gridDnD内调用subGridRowExpanded没有问题。

答案 1 :(得分:0)

你可以使用bu jQuery UI提供的draggable和droppable方法。将目标子网格的ID指定为 droppable 区域。在执行drop时,也要更新基础数据。

$("#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/