使用兩個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是可能的