English
资源说明：在本文中，我们将深入探讨如何使用jQuery来控制ListBox中的项移动和排序，这对于网页应用程序的交互性至关重要。我们来看一下HTML结构，它包含两个ListBox控件（listall 和 listmy）以及两个按钮（btnleftmove 和 btnrightmove），分别用于将项从一个ListBox移动到另一个，并保持排序。
`listall` ListBox用于显示所有可用的选项，而`listmy` ListBox则用于存储用户已选择的项。按钮的`onclick`属性调用JavaScript函数`move()`，该函数接受两个参数，即源ListBox和目标ListBox的ID。
在服务器端的`.cs`文件中，我们看到一个`Page_Load`事件处理程序，其中`BindData()`方法被用来填充`listall` ListBox。`ArrayList` `list`包含了预定义的数据，并按照特定顺序添加到ListBox中，同时利用`tag`属性记录每个项的原始位置，以便在排序时使用。
接下来，我们进入jQuery代码部分，`move()`函数处理了项的移动。它首先检查源ListBox是否有选中的项，然后遍历这些选中的项，将它们的文本和`tag`属性保存，将其添加到目标ListBox的开头，并从源ListBox中移除。这样可以确保新添加的项保持原来的顺序。调用`orderrole()`函数对目标ListBox进行排序。
`orderrole()`函数负责根据`tag`属性对ListBox进行排序。它遍历ListBox中的所有选项，根据`tag`属性的值对它们进行排序。虽然在这个示例中没有展示完整的`orderrole()`函数，通常会使用类似`sort()`方法的逻辑，比较每个项的`tag`属性并调整它们在DOM中的位置。
这种实现方式使得用户可以动态地管理他们的选择，并保持列表的排序，提供了一种直观且用户友好的界面。在实际应用中，`tag`属性可能需要与数据库中的字段关联，以便在用户提交表单或刷新页面时能恢复排序状态。
总结一下，使用jQuery实现ListBox项的移动和排序涉及以下几个关键点：
1. 利用HTML和ASP.NET创建ListBox控件，以及移动按钮。
2. 服务器端代码填充ListBox，并使用`tag`属性保存原始排序信息。
3. 使用jQuery处理按钮点击事件，移动选中的项，并更新`tag`属性以保持排序。
4. 实现排序功能，根据`tag`属性对ListBox中的项进行重新排列。
这个实现方法可以轻松地适应其他列表控件，只需稍作修改，即可在不同的项目和场景中复用。对于需要用户自定义排序和选择的应用来说，这是一种非常实用的解决方案。
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
