从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）;每次将行添加到该表中。