允许使用拖放来安排转发器

时间:2010-03-31 18:19:49

标签: c# asp.net jquery ajax repeater

我有一个绑定到SQL数据源的转发器(使用ASP.NET)。是否有任何JQuery插件/有效的方式将我的转发器转换成可以通过拖放分类的东西?即用户可以重新排列数据的顺序,这会更新数据库吗?

由于

2 个答案:

答案 0 :(得分:3)

是的,使用像这样的jQuery UI可排序插件

    <script type="text/javascript">
$(function() {
    $("#sortable").sortable();
    $("#sortable").disableSelection();
});
</script>

以下是转发器标记的样子

 <asp:Repeater ID="LstSortable" runat="server">
        <HeaderTemplate>
            <ul id="sortable">
        </HeaderTemplate>
        <ItemTemplate>
            <li class="ui-state-default">
                <%=Eval("Blah") %>
            </li>
        </ItemTemplate>
        <FooterTemplate>
            </ul>
        </FooterTemplate>
    </asp:Repeater>

您可以在jqueryui.com

看到现场演示并下载

答案 1 :(得分:3)

请参阅Drag-and-drop accordion panels? (ASP.Net)它是相关的。

基本上,你使用@ Banzor的解决方案,然后使用像

这样的东西
$('#myrepeater').sortable( 'serialize');

并且每当发生回发时,您都会将这些结果粘贴到隐藏字段中。然后,您只需查看ASP.Net中的隐藏字段并根据需要进行解析。它比我能解释的更容易:)