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

时间:2013-08-16 06:47:14

标签: jquery jquery-ui datatable datatables

首先,我不能在我的问题中将jsfiddle作为链接发布,这就是我将链接发布为普通文本的原因。

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

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

当用户点击一行或选择原始行并单击移动按钮时,我只是将数据从第一个表传输到第二个表,反之亦然。

此外,我在第一个和第二个表中为最终数据维护两个数组,以提交给服务器。

这是用户界面 - jsfiddle.net/viswa317/d7R7c/3/embedded/result /

这是代码 - jsfiddle.net/viswa317/d7R7c/3 /

问题是删除的行或tr标签会回来,只是玩那个你可以理解我的意思。

我正在使用Jquery remove()函数删除用户选择的行或tr标记,但是当我将数据从第二个表移到第一个表时,第一个表中已经删除的数据将会回来

2 个答案:

答案 0 :(得分:2)

我的不好,使用Jquery remove函数并没有真正删除该行。它只是按照我们对jquery的期望删除tr标记,所以我使用的是DataTabel fnDeleteRow函数。它工作得很好。

对于代码和ui使用我发布的相同链接,我更新了工作代码。

干杯。

答案 1 :(得分:0)

你可能不能使用jquery可排序插件吗?例如here

然后你所要做的就是连接这两个表并且你有拖放功能。虽然此示例使用列表而不是表,但This是可能的