使用js开发列表的拖拽排序

具体代码如下：

<!--拖拽排序插件 -->

首先给<table>标签添加 id 属性，值为 table；

要拖拽的行级标签为<tr>

（以上两点都可修改）

 <script type="text/javascript">
        $(document).ready(function() {
            $("#table").tableDnD({           //当拖动排序完成后
                onDrop: function() {         //获取id为table的元素
                    var table = document.getElementById("table");   //获取table元素所包含的tr元素集合
                    var tr = table.getElementsByTagName("tr");      //遍历所有的tr
                    for (var i = 1; i < tr.length; i++) {           //获取拖动排序结束后新表格中，row id的结果
                        alert("排序完成后表格的第 " + (i) + " 行id为 : " + rowid);
                    }
                    $.get("/category/category_sort", { "id": rowid}, function (data) {if(data == 1){history.go(0);}});
                }
            });
        });
</script>

以上代码其实最主要的作用就是获取行数和对应的id，通过这两个值传递到后台，我们就可以对数据进行一些修改操作。

（该文章针对本人做过的一个功能需求而开发的，类似功能可以借鉴）