使用两个jQuery数据表创建UI并在它们之间移动记录

Question

首先，我不能在我的问题中发布jsfiddle作为链接，这就是为什么我会将链接作为普通文本发布。

我设计了一个带有两个jQuery DataTable的用户界面。

第一个表加载初始数据，第二个表加载没有数据。

当用户点击一行或选择一个原料并点击移动按钮时，我只是将数据从第一个表格转移到第二个表格，反之亦然。

此外，我维护两个数组的最终数据在第一个和第二个表中，以提交给服务器。是，除去jsfiddle.net/viswa317/d7R7c/3/

问题 -

这是UI - jsfiddle.net/viswa317/d7R7c/3/embedded/result/

这是代码行或tr标签回来了，只是玩这个用户界面，你可以理解我的意思。

我使用jQuery remove()功能删除用户选择行或tr标签，但是当我从第二到第一台移动数据，已经删除了第一个表中的数据是回来

Answer 1

我的不好，使用jquery remove函数没有真正删除行。它只是删除tr标签，因为我们期望从jquery，所以我使用DataTabel fnDeleteRow函数。它的工作完美。

对于代码和用户使用相同的链接我发布的问题，我用工作代码更新。

干杯。

Answer 2

你能不能不要使用jQuery的排序插入？例如here

然后，您只需连接两个表格即可实现拖放功能。虽然这个例子使用了列表而不是表格，但是This是可能的