Page de rappel de changement de page de données

Question

J'utilise une fonction 'fnDrawCallback' pour le changement de page. Cela résout essentiellement mon but. La seule chose est que je dois spécifier cette fonction quand j'initialise l'objet dataTable. Est-ce que je peux le faire après l'initialisation?

Par exemple: que je fais comme ceci:

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

Je veux faire comme ceci:

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

Solution:

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

Answer 1

Vous pouvez accéder aux paramètres de données internes de DataTables pour manipuler le tableau de rappel draw (aoDrawCallback, pas fnDrawCallback en interne - c'est un tableau puisqu'il peut y avoir plusieurs rappels), ou (et ce que je suggère) vous pouvez ajouter 'écouteur d'événement:

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

les événements déclenchés par DataTables sont documentés ici: http://datatables.net/docs/DataTables/1.9.0/#summary_events

Answer 2

Vous avez sans doute vu cette http://datatables.net/forums/discussion/2737/addchange-callback-after-initialization-or-else-clone-settings-to-re-build-table/p1

Answer 3

SI vous avez une version supérieure à 1,8, vous pouvez l'utiliser pour frapper les événements de changement de page:

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

Espérons que cela aide!

Answer 4

Au lieu de deux appels distincts, ajoutez simplement un .bind() avant la .dataTable(), comme suit qui exécute une fonction setMouseDown chaque fois qu'un changement de page se produit (y compris pour la première page):

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