從Javascript更新表格

Question

我正在研究以下網頁，並且遇到問題。以下是網站上發生的情況：在拖動一行後發生的「mouseup」事件時，會發生以下事件。

1. 服務器更新數據庫
2. 服務器返回更新的數據庫恢復到瀏覽器中的「訂單號」。
3. 瀏覽器顯示更新信息。

問題是，當瀏覽器更新時，行不再可拖動。 當通過Javascript動態修改表格時，是否需要重新加載Javascript「包含文件」或其他內容？如果您需要源代碼，我可以提供。

這裏是網站 （鏈接現在刪除，解決了這個問題）

目前，我把它簡單地增加一個新行「由」每次只用於測試目的拖東西時間信息。我想知道的是，如何使這些新添加的行像其他行一樣可拖動。

Answer 1

這些新行正在被添加到表中，但從未附加上允許拖放的JavaScript庫。另外，似乎有一些問題我得到重複行？很多「海地地震」的。

查看您正在使用的插件的網站，瞭解如何將新行添加到其控件中。

從tableDnD網站：

Added $(‘…’).tableDnDUpdate() to cause the table to update its rows so the drag and drop functionality works if, for example, you’ve added a row. 

所以調用該函數當行被插入/更新。

Answer 2

你使用jQuery，我注意到有一個拖放插件，它的註釋部分有可能會有所幫助的情況如下：

@Ian問：我有一個類似的問題，當時的DnD沒爲初始化後添加的行工作。

變種PARAMS = { onDragClass：「onDragRow」， onDrop：功能（表，列）{}， onDragStart：功能（表，列）{} }; //初始化 $（「table」）。tableDnD（params）;

然後調用$（「table」）。tableDnD（params）;每次將行添加到該表中。