C# 允许使用拖放设置中继器

C# 允许使用拖放设置中继器,c#,asp.net,jquery,ajax,repeater,C#,Asp.net,Jquery,Ajax,Repeater,我有一个绑定到SQL数据源的中继器(使用ASP.NET)。有没有JQuery插件/有效的方法将我的转发器转换成可以通过拖放进行排序的东西?i、 e.用户可以重新排列数据顺序,从而更新数据库 谢谢是的,像这样使用jQuery UI可排序插件 <script type="text/javascript"> $(function() { $("#sortable").sortable(); $("#sortable").disableSelection(); });

我有一个绑定到SQL数据源的中继器(使用ASP.NET)。有没有JQuery插件/有效的方法将我的转发器转换成可以通过拖放进行排序的东西?i、 e.用户可以重新排列数据顺序,从而更新数据库


谢谢

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

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

$(函数(){
$(“#可排序”).sortable();
$(“#可排序”).disableSelection();
});
下面是repeater标记的外观

 <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>

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

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

$(函数(){
$(“#可排序”).sortable();
$(“#可排序”).disableSelection();
});
下面是repeater标记的外观

 <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>

请参见相关信息

基本上,您可以使用@Banzor的解决方案,然后使用

$('#myrepeater').sortable( 'serialize');
每当回发发生时,您都会将这些结果粘贴到一个隐藏字段中。然后,您只需查看ASP.Net中的隐藏字段,并根据需要对其进行解析。这比我能解释的更容易:)

看它是相关的

基本上,您可以使用@Banzor的解决方案,然后使用

$('#myrepeater').sortable( 'serialize');
每当回发发生时,您都会将这些结果粘贴到一个隐藏字段中。然后,您只需查看ASP.Net中的隐藏字段,并根据需要对其进行解析。这比我能解释的更容易:)