2011-01-12 4 views
5

Ich habe ein Problem mit einem Datierbaren (http://www.datatables.net), jQuery und Firefox.Capture-Ereignis nach dem Sortieren auf Daten mit Jquery

Ich habe eine jQuery Datatable (id="equipmentList") mit einem Knopf oben:

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

Wenn ich eine Spalte auf der Datentabelle sortieren, möchte ich eine Taste deaktivieren (die Schaltfläche deleteButton), so dass ich diesen Code schrieb:

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

Alles geht gut, bis die Art endet, weil nach, meine Taste von jQuery aktiviert ist; oder etwas anderes. also ich suche Capture-Event am Ende der Sortierreihenfolge, um meine Taste zu deaktivieren

Irgendwelche Ideen?

Vielen Dank im Voraus

PS: sorry für schlechtes Englisch

+0

@ user571627: Hallo, willkommen zu Stack Overflow; Es lohnt sich, sich ein wenig Zeit zu nehmen, die [Markdown-Hilfeseite] (http://stackoverflow.com/editing-help/) zu lesen und, wenn Sie möchten, sich auf der Seite zu registrieren (damit Sie Ihre eigenen verwenden können) Name, anstatt Benutzer123456) =) –

Antwort

7

Es gibt einen Rückruf, der jedes Mal gemacht wird, dass die Tabelle neu aufgebaut und kann auf dem fnDrawCallback zugegriffen werden:

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

Weitere Informationen über Rückrufe hier:

http://datatables.net/usage/callbacks