컨트롤러 메서드를 드래그 앤 드롭 방식으로 호출하는 방법

Question

jquery sortable을 사용하여 li 요소를 자체 정렬 목록 및 다른 정렬 목록에 끌어 놓을 수 있습니다. 잘 작동합니다. 지금 어떻게 이것을 추적하고이 정보를 내 컨트롤러에 메서드로 전달할 수 있을지 궁금합니다.

HTML :

<ul id="grpId"> 
     @foreach (var item in Model.GeneratedGroups) 
     {     
      <li id="draggable">Group @Html.DisplayName(item.GroupNumber.ToString())<br /> 
       <ol class="connectedSortable" > 
        @foreach (var student in item.GroupMembers) 
        { 
         <li draggable="true" ><span>@String.Format("{0} {1}", student.FirstName, student.LastName)</span></li> 
        } 
       </ol> 

      </li> 

     } 
    </ul> 

<script type="text/javascript"> 
    $("#draggable ol").sortable({ connectWith: ".connectedSortable" }); 
    $("#draggable ol").disableSelection(); 
</script> 

어떻게 지금 @의 Url.Action를 호출 할 수 있습니다 또는 어떻게 든 아약스를 구현?

Answer 1

$("#draggable ol").sortable({ 
    receive: function(event, ui) { 
     //Your ajax call here 
    } 
});