jqueryui를 사용하여 그리드의 레코드를 정렬 할 수 있습니다.

Question

그리드를 사용하여 웹 응용 프로그램의 드롭 다운에 사용되는 마스터 테이블 레코드 목록을 표시합니다. 드롭 다운에 항목을 표시 할 때 사용되는 sortOrder 열을 유지 관리합니다. jQueryUI sortable plugin을 사용하여 사용자가 그리드에 표시되는 레코드를 다시 정렬 할 수있게하려고합니다.

저는 ASP.Net MVC (v2.0) 웹 응용 프로그램을 가지고 있습니다. 새로운 주문을 포착하고 데이터베이스에서 업데이트하는 가장 좋은 방법은 무엇입니까?

나는 유사한 post for php을 발견했습니다. ".sortable ('toArray')"를 사용하여 요소를 가져 오지만 Grid가 있습니다. 그리드를 목록으로 단순화해야합니까?

Answer 1

편집 가능한 표가 있으므로 텍스트 상자가있는 새 열 "sortOrder"를 추가하고 사용자가 행을 드래그 할 때마다 "업데이트"이벤트를 사용하여이를 찾고 "this.rowIndex"를 설정합니다.

는 다음과 같은 기능이 도움이되기를 바랍니다 - 내 텍스트 상자를 발견하고 그 값으로 설정 곳

$("#sortable tbody").sortable({ 
    helper: fixHelper, 
    cursor: 'move', 

    update: function(e, ui) { 
     $el = $(ui.item); 
     $el.effect('highlight', {}, 2000); 

     //Use for debug: alert($('#sortable tbody tr').length); 

     $('#sortable tbody tr').each(
       function(currentIndex) { 
        $(this).find('td:nth-child(3)').find('input:first').val(this.rowIndex); //td:first 
       }); 
    } 
}); 

이것은 :

$ (이) .find ('TD : n 번째의 아이를 (3) ') .find ('input : first ') .val (this.rowIndex);