具体代码如下:
<!--拖拽排序插件 -->
首先给<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,通过这两个值传递到后台,我们就可以对数据进行一些修改操作。
(该文章针对本人做过的一个功能需求而开发的,类似功能可以借鉴)