Sự kiện chụp sau khi sắp xếp trên datable với jquery

Question

Tôi gặp vấn đề với một datable (http://www.datatables.net), jQuery và Firefox.

Tôi đã một DataTable jQuery (id="equipmentList") với một nút trên:

<html:button styleId="deleteButton" property="delete" value="<%= buttonDelete %>" disabled="disabled" /> 

Khi tôi đang sắp xếp một cột trên DataTable, tôi muốn vô hiệu hóa một nút (nút deleteButton), vì vậy tôi đã viết mã này:

$('#equipmentList th').click(function() { 
    hideButtonEditAndDelete(); 
}); 

function hideButtonEditAndDelete() { 
    $("#modifyButton").attr("disabled", "disabled"); 
    $("#deleteButton").attr("disabled", "disabled"); 

//fix for firefox 

if($.browser.mozilla){ 
    $("#modifyButton").addClass('ui-state-disabled'); 
    $("#deleteButton").addClass('ui-state-disabled'); 
}} 

Mọi thứ suôn sẻ cho đến khi sắp xếp kết thúc vì, sau, nút của tôi được jQuery kích hoạt; hoặc cái gì khác. vì vậy tôi đang tìm kiếm sự kiện chụp vào cuối thứ tự sắp xếp để vô hiệu hóa nút của tôi

Bất kỳ ý tưởng nào?

Cảm ơn rất nhiều trước

PS: xin lỗi cho tiếng Anh xấu

Answer 1

Có một callback mà được thực hiện mỗi khi bàn được vẽ lại và có thể được truy cập trên fnDrawCallback:

$('#someTable').dataTable({ 
     "fnInitComplete": function() { 
      // after table is intialised do something here 
     }, 
     "fnDrawCallback": function() { 
      // after table is redrawndo something here 
      console.log("redrawn"); 
     }, 
     "bDestroy": true, 
     "bAutoWidth": false, 
     "bPaginate": false, 
     "sScrollY": "242px", 
     "bLengthChange": false, 
     "bInfo": false, 
     "bFilter": false, 
     "aaSorting": [[2, 'asc']], 
     "aoColumns": [ 
      { "sSortDataType": "dom-checkbox", "sWidth": "3%" }, 
      { "bSortable": true, "sWidth": "8%" }, 
      { "bSortable": true, "sWidth": "10%" }, 
      { "bSortable": true, "sWidth": "15%" }, 
      { "bSortable": true, "sWidth": "8%" }, 
      { "bSortable": true, "sWidth": "9%" }, 
      { "bSortable": true, "sWidth": "6%" }, 
      { "bSortable": false, "sWidth": "2%" }, 
      { "bSortable": false, "sWidth": "7%" }, 
      { "bSortable": false, "sWidth": "13%" }, 
      { "bSortable": false, "sWidth": "2%" }, 
      { "bSortable": false, "sWidth": "7%" }, 
      { "bSortable": false, "sWidth": "10%" } 
     ] 
    }); 

Thông tin

Thông tin thêm về callbacks đây:

http://datatables.net/usage/callbacks