Захват события после сортировки по данным с помощью jquery

Question

У меня проблема с датируемой таблицей (http://www.datatables.net), jQuery и Firefox.

У меня есть база данных jQuery (id="equipmentList") с кнопкой выше:

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

Когда я сортирую столбец в таблице данных, я хочу отключить кнопку (кнопка deleteButton), поэтому я написал такой код:

$('#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');
}}

Все идет хорошо, пока сортировкаокончание, потому что после этого моя кнопка включена с помощью jQuery или чего-то еще, поэтому я ищу событие захвата в конце порядка сортировки, чтобы отключить мою кнопку

Answer 1

Существует обратный вызов, который выполняется каждый раз, когда таблица перерисовывается, и к нему можно получить доступ по 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%" }
        ]
    });

Подробнее о обратных вызовах здесь:

http://datatables.net/usage/callbacks