允许使用拖放安排中继器

Question

我有一个绑定到SQL数据源（使用ASP.NET）的中继器。有没有任何JQuery插件/有效的方式将我的转发器转换成可以通过拖放进行排序的东西？即用户可以重新排列更新数据库的数据的顺序？

感谢

Answer 1

是，使用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

Answer 2

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

基本上，你使用类似@ Banzor的解决方案，然后使用类似

$('#myrepeater').sortable('serialize'); 

和你坚持这些结果在一个隐藏字段，每当回传发生。然后，您只需查看ASP.Net中的隐藏字段并根据需要对其进行解析。这比我更容易解释:)