我想改变表格行的位置

Question

我在表格内的 .php 页面中以各种行的形式保存数据。 我想促进用户可以通过垂直拖动行来更改这些行的位置。如何使用 jQuery。

建议我一些插件或一些教程链接，以便我可以这样做。

我正在关注本教程，但我无法弄清楚如何使行位置在数据库中持久化。所以下一次当用户来到该页面时，他将看到相同的行排列

我正在使用本教程http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

感谢您的建议。

Answer 1

我过去使用过Table Drag and Drop jQuery plugin。效果很好。

编辑：添加示例

这就是我将新的行顺序发送到将其保存在数据库中的 PHP 脚本的方式：

$(document).ready(function() {
    // Initialise the drag-and-drop
    $("#table3").tableDnD({
        // Set the action to perform when the mouse button is released
        onDrop: function(table, row) {
            $("#AjaxResult").load("list_sort.php?list_id=3&"+$.tableDnD.serialize());
        }
    });
});

Answer 2

这个article 可以帮助你

personally prefer