Làm thế nào để có điều kiện áp dụng tiện ích UI jQuery Sortable vào bảng (ASP.NET GridView)?

Question

Tôi có đoạn mã sau đó áp dụng các plugin jQuery UI Sortable để tất cả các bảng (GridView) trên một trang ASP.NET, trừ (tiêu đề) hàng đầu tiên trong mỗi:

function pageLoad() { 
    $('table').sortable({ 
     items: 'tr:not(:first)', 
     axis: 'y', 
     scroll: true, 
     start: startDrag, //store start position 
     stop: stopDrag //get end position, update database 
    }).disableSelection(); 

Tuy nhiên tôi chỉ muốn áp dụng có thể sắp xếp thành một bảng nếu có nhiều hơn một hàng (ngoài hàng tiêu đề), nếu không thì chức năng kéo/thả là không cần thiết.

Làm cách nào tôi có thể áp dụng điều kiện ở trên chỉ cho các bảng có nhiều hàng nội dung? Cảm ơn.

Answer 1

jquery filter() cung cấp giải pháp. Nó cho phép bạn lọc một tập hợp các phần tử phù hợp bằng cách sử dụng hàm kiểm tra. Do đó các mã sau đây áp dụng sortable chỉ để bàn có nhiều hơn một dòng dữ liệu:

function pageLoad() { 

    $('table').filter(function() { 
         return $('tr', this).length > 2; 
         }) 
       .sortable({ 
       items: 'tr:not(:first)', 
       axis: 'y', 
       scroll: true, 
       start: startDrag, //store start position 
       stop: stopDrag //get end position, update database 
       }) 
       .disableSelection(); 
} 

Answer 2

Để đối phó với nydcan của các truy vấn trên, phương pháp startDrag trông như thế này:

function startDrag(event, ui) { 
    var startIndex = ui.item.index(); 
    ui.item.data('startIndex', startIndex); 
} 

Và phương pháp stopDrag vẻ như thế này:

function stopDrag(event, ui) { 
    var startIndex = ui.item.data('startIndex'); 
    var endIndex = ui.item.index(); 
    if (startIndex != endIndex) { 
     $.ajax({ 
      type: 'POST', 
      url: '<%= ResolveUrl("~/MyPage.aspx/UpdateOrder") %>', 
      contentType: 'application/json; charset=utf-8', 
      data: "{ 'startIndex':'" + startIndex + "', 'endIndex':'" + endIndex + "'}", 
      dataType: 'json', 
      success: updateSuccess, 
      error: updateError 
     }); 
    } 
} 

sau đó tôi có một phương pháp web (VB.NET) trên trang web của tôi như thế này:

<System.Web.Services.WebMethod()> 
Public Shared Sub UpdateRulePriority(ByVal startIndex As Integer, ByVal endIndex As Integer) 

    'Do stuff 

End Sub 

Hy vọng điều đó sẽ hữu ích.