从一个 jquery Datatable 中拖动一行并将其放入另一个 Datatable答案

【问题标题】：Dragging a row from one jquery Datatable and dropping it into another Datatable从一个 jquery Datatable 中拖动一行并将其放入另一个 Datatable
【发布时间】：2014-10-20 13:37:42
【问题描述】：

我试图从一个 jquery Datatable 中拖动一行或一组行并将其拖放到另一个 Datatable 中。

oTable = $("#dragtable").dataTable({
    "aaData": app_emp,
    "bProcessing": true,
    "bDestroy": true,
    "aoColumns": [{
        "mDataProp": "employeeId"
    }, {
        "mDataProp": "empName"
    }]
}).rowReordering();

我从 ajax 调用中获取 json 并按上述方式填充数据表。行重新排序功能正在运行，并且我能够拖放同一数据表中的行

$("#dragtable ").draggable({
    helper: "clone",
});

上面的代码正在拖动整个表格，如果我修改如下：

$("#dragtable tbody tr").draggable({ 助手：“克隆”， });

它只拖动数据表的标题行，而不是正文中的数据行。

我有下面的代码用于将行放到另一个 jquery 数据表中。

$("#tobedroppedtable tbody tr").droppable({});

由于上述代码不起作用，我需要有关拖放的帮助。

【问题讨论】：

你能发布一些你迄今为止尝试过的代码吗？？
我的代码非常庞大，我只是给出了我想用的一部分。请找到更新后的问题
有人能帮助你解决这个问题吗？

标签： jquery jquery-ui datatable drag-and-drop

【解决方案1】：

试试这个可能会有帮助，但我不确定

oTable // this is the varibale which you have used to initialize data table.

所以我会使用这个变量。

$("oTable.fnGetNodes()").draggable({
     helper: "clone",  
});

我认为问题是，draggable 不适用于表格的所有行。这是当您尝试拖动单行时，整个表格被拖动的原因。试试看是否适合你。

首先，这一行：

$(oTable.fnGetNodes()).draggable({

看起来很简单。此行将可拖动功能添加到数据表的所有行。这是一把钥匙。如果你使用另一个选择器，比如“#tableId tr”，你认为它会起作用，你就会遇到麻烦。这是因为如果您更改在表格中查看的数据，即通过过滤，那么显示的新行上的可拖动功能将丢失。因此，为了将其应用于表的所有行，您必须调用数据表插件提供的函数。

【讨论】：

我尝试使用不同的名称来初始化表格，但无法拖动 Datatable 的行。