从Javascript更新表

时间:2010-11-11 18:53:40

标签: javascript ajax dom draggable

我正在使用以下网页并遇到问题。以下是网站上发生的情况:在拖动一行后,“mouseup”事件发生以下事件。

  1. 服务器更新数据库中的“订单号”
  2. 服务器将更新的数据库返回给浏览器。
  3. 浏览器显示更新信息。
  4. 问题是当浏览器更新时,行不再可拖动。 通过Javascript动态修改表时,是否需要重新加载Javascript“包含文件”或其他内容?如果您需要源代码,我可以提供。

    这是该网站 (链接现已删除,问题解决了)

    目前,我只是在每次拖动仅用于测试目的时添加一个带有“补充”信息的新行。我想知道的是,如何使这些新添加的行像其他行一样可拖动。

2 个答案:

答案 0 :(得分: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.

所以在插入/更新行时调用该函数。

答案 1 :(得分:1)

你正在使用jQuery,我注意到它有一个拖放插件,其评论部分有以下可能有用:

@Ian Q:我有一个类似的问题,当DnD没有用于初始化后添加的行。

var params = { onDragClass:“onDragRow”, onDrop:function(table,row){}, onDragStart:function(table,row){} }; //初始化 $(“表”)tableDnD(PARAMS);

然后调用$(“table”)。tableDnD(params);每次向该表添加行时。