C# 让JQuery UI可排序以处理asp.net ListView项？

我有下面的ListView，其中我使用jQueryUISortable函数对ListView中的项目进行排序。问题是我不能在ItemTemplate中的表上放置一个sortable类，因为它不起作用，如果我在外部div上放置一个class=sortable，它就起作用了，但它允许我对ListView中的所有内容进行排序，我只希望能够对表进行移动排序。这是标记

  <div>  //Works here, but hr's become sortable too.
            <asp:ListView ID="lvwDocuments" runat="server">
                <LayoutTemplate>
                    <h3>
                        Documents</h3>
                        <asp:PlaceHolder ID="itemPlaceHolder" runat="server">
                        </asp:PlaceHolder>
                </LayoutTemplate>
                <ItemTemplate>
                    <table class="sortable"> //Does not work Here
                        <tr>
                            <td>
                                <p class="title">
                                    <a runat="server" href='<%#Eval("url") %>'>
                                        <%#Eval("title") %></a></p>
                                <br />
                                <p>
                                    <%#Eval("description") %></p>
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
                <ItemSeparatorTemplate>
                    <hr />
                </ItemSeparatorTemplate> 
        </div>

---

另外，即使在刷新页面后，我如何保持排序顺序。

为了使可排序工作，必须将其应用于父元素（通常是div）

在可排序调用中，使用以下属性：

$(".sortable").sortable({ items: "table" });

通过使用HiddenField并将其值指定给以下对象，可以保留排序顺序：

$(".sortable").sortable("toArray");

然后使用此值对listview进行排序

不过，这种方法存在一个问题。人力资源不可排序，因此您不能在它们之间放置项目。最好是在你桌子的底部有一个人力资源的地方潜水

<div class="sortable">
    <div class="item">
        <table> ... </table>
        <hr />
    </div>
</div>

---

嗨，我正在努力实现类似的目标。您是否解决了保留排序顺序的问题，如果解决了，请将其添加到答案中。