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

Posted 2023-05-09

【中文标题】如何使用 Jquery 重新排序 Gridview 行？

【英文标题】：How to reorder Gridview rows using Jquery?

【发布时间】：2013-04-23 23:14:46

【问题描述】：

我正在使用拖放来对网格行进行排序，

在此过程中，我希望动态更改拖动行的顺序（顺序），就像我将第三行拖动到第一个位置一样，我希望它（顺序）动态更改为 1。

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

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

任何人都可以帮助给出想法，我希望它使用 jquery 来实现。

【参考方案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

希望对您有所帮助。

【参考方案2】：

有许多 jquery 插件可用于排序：

我使用了Datatable，它为您提供了一种对您有很大帮助的方法。 您可以根据需要进行自定义，它提供了许多功能，例如分页、搜索、排序等。

希望这能解决您的问题。