使用 Javascript 拖放表格行答案

【问题标题】：Drag and Drop Table Rows Using Javascript使用 Javascript 拖放表格行
【发布时间】：2009-10-20 16:23:33
【问题描述】：

我想知道是否有一个好的库或脚本可以简化 Javascript 中表格行的拖放功能？实际上，我唯一的要求是行必须可以在表格本身内拖动，也可以拖动到页面上的其他表格。我对 JQuery 或 Javascript 本身不太熟悉，所以我想尝试找到一个自包含的库或脚本，使拖放部分非常简单，因此我不必自己编写代码。我知道 JQuery 是一个不错的 Javascript 库，它有这种功能吗？

【问题讨论】：

标签： javascript jquery drag-and-drop

【解决方案1】：

JQuery UI 为您完成。使用 tbody 和 thead 标签创建表格。然后为 tbody 设置一些 id 并使用 jquery ui：

$( "#table_tbody" ).sortable();
$( "#table_tbody" ).disableSelection();

这是您需要的，我在 Bob 的回答中的链接中编辑了示例，但对于表格： Table example 及代码查看：code view

【讨论】：

如果我想拖一列而不是一行怎么办？

【解决方案2】：

这对你来说怎么样？

http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

【讨论】：

我看到了一个，但不幸的是它不支持从一个表拖放到另一个表，这是我的要求之一。
对 isocra 实现的评论。它仅支持简单的拖放元素。如果您的行包含整个图像，它将不起作用。

【解决方案3】：

听起来你想要 jQuery UI 和 Sortable Connects 演示

【讨论】：

这看起来可能是我需要的。我试试看，谢谢！
等等，我刚刚读到这不适用于表格行，仅适用于列表和 div。

【解决方案4】：

当今最知名的 javascript 库都具有拖放功能。

你可以试试：

jQuery
原型 + Scriptaculous：http://wiki.github.com/madrobby/scriptaculous/draggable

【讨论】：