web-dev-qa-db-fra.com

jQuery DataTables - Accédez à toutes les données de lignes

J'utilise jQuery DataTables et je veux copier toutes les lignes (enregistrer dans un tableau JavaScript) en cliquant sur la case à cocher de l'en-tête.

 First Page

Je veux trouver où jQuery DataTables stocke le code HTML de la page restante de lignes, afin que je puisse naviguer dans JavaScript, puis le vérifier ou définir la propriété sur true.

Quelque chose comme celui-ci.

 enter image description here

Les autres informations:

  • J'utilise des données provenant d'une source ajax (serverside:false), toutes les données sont renvoyées.
  • Lorsque je clique sur la page 1, toutes les lignes restent cochées.
9
jmvtrinidad

Je trouve l'élément généré par jQuery DataTables à l'aide de ce code et je peux copier l'élément tr complet qui se cache lors de la pagination des DataTables.

$('#example').DataTable().rows().iterator('row', function(context, index){
    var node = $(this.row(index).node()); 
    //node.context is element of tr generated by jQuery DataTables.
});
6
jmvtrinidad

SOLUTION

Il y a plusieurs méthodes qui pourraient être utilisés à cette fin. Vous pouvez utiliser rows().data() pour obtenir les données des lignes sélectionnées.

Exemple:

var table = $('#example').DataTable();

var data = table
    .rows()
    .data();

alert( 'The table has ' + data.length + ' records' );

DÉMO

Voir this jsFiddle pour le code et la démonstration.

11
Gyrocode.com

use tableObject.rows (). data () retournera toutes les données de la table.

0
FOD