끌어서 놓기를 사용하여 리피터를 배열하도록 허용

Question

ASP.NET을 사용하여 SQL 데이터 소스에 바인딩 된 리피터가 있습니다. 끌어서 놓기를 통해 정렬 할 수있는 항목으로 JQuery 플러그인/효율적인 리피터 변환 방법이 있습니까? 즉 사용자는 데이터베이스의 업데이트 순서를 재정렬 할 수 있습니까?

감사

Answer 1

예, 여기에 너무

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

처럼 jQuery를 UI 정렬 플러그인을 사용

는 리피터 마크 업 당신은 라이브 데모를보고 다운로드 할 수 있습니다

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

과 같을 것이다 것입니다 at jqueryui.com

Answer 2

Drag-and-drop accordion panels? (ASP.Net)을 참조하십시오. 관련.

기본적으로, 당신은

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

같은 것을 사용하여 다음 Banzor의 솔루션 @ 같은 뭔가를 사용하고 포스트 백이 발생할 때마다 당신은 숨겨진 필드에 그 결과를 스틱. 그런 다음 ASP.Net의 숨겨진 필드를보고 적절하게 구문 분석합니다. 내가 설명 할 수있는 것보다 더 쉽습니다 :)