Callback modifica pagina dati

Question

Sto utilizzando una funzione 'fnDrawCallback' per cambio pagina. Fondamentalmente risolve il mio scopo. L'unica cosa è che devo specificare quella funzione quando sto inizializzando l'oggetto dataTable. C'è un modo per farlo dopo l'inizializzazione?

Per esempio: sto facendo in questo modo:

$("#tableID").dataTables({'fnDrawCallBack':functionName}); 

che voglio fare in questo modo:

var oTable = $("#tableID").dataTables(); 
oTable.fnDrawCallback = functionName; // or something like this 

Soluzione:

oTable.aoDrawCallback.push(functionObj); 
var functionObj = { 
    fn: funtionName 
}; 

Answer 1

È possibile accedere alle impostazioni dei dati interni di DataTables per manipolare l'array callback draw (aoDrawCallback, non fnDrawCallback internamente - è un array poiché possono esserci più callback) o (e cosa suggerirei) è possibile aggiungere un 'draw' 'listener di eventi:

var oTable = $("#tableID").dataTables(); 
$(oTable).bind('draw', functionName); 

gli eventi generati da DataTable sono documentati qui: http://datatables.net/docs/DataTables/1.9.0/#summary_events

Answer 2

Probabilmente visto questo http://datatables.net/forums/discussion/2737/addchange-callback-after-initialization-or-else-clone-settings-to-re-build-table/p1

Answer 3

se avete una versione superiore alla 1.8, è possibile utilizzare questo per colpire gli eventi di modifica pagina:

$('#myTable').on('page', function() {...}); 

Spero che questo aiuti!

Answer 4

Piuttosto che due chiamate separate, basta aggiungere un .bind() prima della .dataTable(), come ad esempio il seguito che esegue una funzione setMouseDown ogni volta che si verifica un cambio pagina (oltre a rendere il prima pagina):

$('#myTable') 
    .bind('page', setMouseDown()) 
    .dataTable( 
    { 
     bJQueryUI: true, 
     ... Other Init Stuff Here ... 
    });