jQuery UI Sortable : 업데이트 콜백으로 인해 AJAX 호출에 실패하면 변경 사항을 되돌릴 수 있습니까?

Question

정렬 가능한 위젯을 사용하여 항목 목록을 재정렬합니다. 항목을 새 위치로 드래그 한 후 서버에 AJAX 양식 게시를 시작하여 새 주문을 저장합니다. 서버에서 오류 메시지가 표시되면 어떻게 정렬을 취소 할 수 있습니까 (예 : 목록에서 드래그 항목을 원래 위치로 되돌릴 수 있습니까?).

기본적으로 서버가 변경 사항이 저장되었다는 것을 확인한 경우에만 재 배열을 "고정"하고 싶습니다.

Answer 1

필자는 sortable에 undo-last-drop 기능이 없다고 확신하지만, 좋은 생각입니다!

하지만, 최선의 방법은 순서를 저장하는 일종의 start을 작성한 다음 실패하면 되돌리기 기능을 호출하는 것입니다. 나는. 다음과 같이 입력하십시오 :

$("list-container").sortable({ 
    start: function() { 
      /* stash current order of sorted elements in an array */ 
     }, 
    update: function() { 
      /* ajax call; on failure, re-order based on the stashed order */ 
     } 
}); 

다른 사람들이 더 좋은 답변을 갖고 있는지 알고 싶습니다.

Answer 2

는 다음과 같은 시도 : 난 그냥이 같은 문제가 발생

$(this).sortable('cancel'); 

Answer 3

을하고 완전한 답변을 위해서, 나는이 문제에 대한 내 솔루션 공유하기를 원해요 :

$('.list').sortable({ 
    items:'.list:not(.loading)', 
    start: function(event,ui) { 
    var element = $(ui.item[0]); 
    element.data('lastParent', element.parent()); 
    }, 
    update: function(event,ui) { 
    var element = $(ui.item[0]); 
    if (element.hasClass('loading')) return; 
    element.addClass('loading'); 
    $.ajax({ 
     url:'/ajax', 
     context:element, 
     complete:function(xhr,status) { 
     $(this).removeClass('loading'); 
     if (xhr.status != 200) { 
      $($(this).data('lastParent')).append(this); 
     } 
     }, 
    }); 
    } 
}); 

당신을 ' 코드베이스에 맞게 수정해야하지만 완전히 잘 작동하는 멀티 스레드 보안 솔루션입니다.