如何使用Jquery重新排序Gridview行？

Question

我正在使用拖放功能对网格的行进行排序，

在此过程中，我希望拖动的行的顺序（序列）可以动态更改，例如如果我将第三行拖到第一个位置，我希望它的顺序能够动态更改为1。

我不知道如何循环并动态更改顺序。

var SortedIDs = "";
$(".gvSortPorts").find("tbody > tr").each(function () {
    SortedIDs += $(this).attr("id") + "1";
});

请问有人能帮忙提供一些想法吗？我想用jQuery来实现。

- þÍńķ

Answer 1

请将以下JQuery和Tablesorter javascript文件的引用添加到页面头部部分。

<script src="scripts/jquery-1.4.3.min.js" type="text/javascript"></script>
<script src="scripts/jquery.tablesorter.min.js" type="text/javascript"></script>

最后，在gridview上调用tablesorter函数，使你的gridview可以排序。

<script type="text/javascript">
   $(document).ready(function() {

      $("#GridView1").tablesorter();

   });
</script>

参考资料：

http://www.ezzylearning.com/tutorial.aspx?tid=2168345

拖放实现：

http://forums.asp.net/t/1615668.aspx/1

希望这对您有所帮助。

- Freelancer

Answer 2

有许多适用于排序的jQuery插件：

我用过 Datatable，它提供了一种非常有帮助的方式。你可以按照自己的意愿进行自定义，并提供了许多功能，如分页、搜索、排序等。

希望这能解决你的问题。

- Ram Singh