在ASP.NET的Web应用程序中，经常需要对数据进行动态排序。JQuery UI Sortable是一个强大的工具，可以帮助实现这个功能。但是，直接在DataList控件上应用JQuery UI Sortable可能会遇到一些问题。因为DataList控件默认不包含tbody标签，而JQuery UI Sortable需要在tbody标签上工作。本文将介绍如何在DataList控件中实现JQuery UI Sortable功能。
首先，需要在DataList控件的HeaderTemplate和FooterTemplate中添加tbody标签。这样，就可以创建一个包含tbody的表格，从而使得JQuery UI Sortable能够在DataList控件上工作。
以下是添加tbody标签后的DataList控件的代码示例：
<asp:DataList ID="dlList" runat="server" >
<HeaderTemplate>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td><%# Eval("YourDataField") %></td>
</tr>
<ItemTemplate>
<FooterTemplate>
</tbody>
</FooterTemplate>
</asp:DataList>
接下来，需要在JavaScript中实现JQuery UI Sortable的功能。首先，需要确保JQuery和JQuery UI库已经加载到页面中。然后，可以使用以下代码来实现排序功能：
$(function () {
$("#<%=dlList.ClientID %> tbody").sortable({
handle: ".handle",
helper: tableRowHelper,
placeholder: 'ui-state-highlight',
cursor: 'move',
start: function (event, ui) {
ui.placeholder.height(ui.helper.height());
}
}).disableSelection();
});
在这段代码中，首先等待文档加载完成，然后使用JQuery选择DataList控件的tbody，并应用sortable方法。还定义了一个handle选项，指定了可以拖动的元素的类名。此外，还定义了placeholder选项，指定了拖动时显示的占位符样式。
最后，需要在DataList控件的ItemTemplate中插入代码来显示所需的数据。例如，如果想要显示一个字段的值，可以这样做：
<ItemTemplate>
<tr>
<td class="handle"><%# Eval("FieldName") %></td>
</tr>
<ItemTemplate>
通过这种方式，可以在ASP.NET的DataList控件中实现JQuery UI Sortable功能，从而实现动态排序表格行。