jquery - 我想更改表格行的位置

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());
        }
    });
});