是否有人实现了从一个jqGrid拖放到另一个JqGrid的子网格。所以基本上我有一个网格,我可以搜索和过滤我想要的东西,并用一个子网格拖动一行到另一个网格。
查找网格(食物) 记录网格(主网格(星期) - > childgrid(天) - > childgrid(foodlist)
所以我的拖放会在当天从查询网格转到foodlist子网格。
我已经实现了查找网格和记录网格,但无法执行拖放功能。
问题是jqGrid根据文档使用静态网格ID,但是子网格ID是dynanmic并且无法使用文档建议链接
jQuery("#jqGrid1").jqGrid('gridDnD',{connectWith:'#jqGrid2'});
jQuery("#jqGrid2").jqGrid('gridDnD',{connectWith:'#jqGrid1'});
任何可以使这项工作的巫师。
由于
答案 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/