wake-up-neo.net

jQuery DataTables - Greifen Sie auf alle Zeilendaten zu

Ich verwende jQuery DataTables und möchte alle Zeilen kopieren (im JavaScript-Array speichern), wenn Sie auf das Kontrollkästchen für die Kopfzeile klicken.

 First Page

Ich möchte herausfinden, wo jQuery DataTables den HTML-Code für die verbleibende Seite der Zeilen speichert, sodass ich durch JavaScript navigieren und es dort überprüfen oder die Eigenschaft auf true setzen kann.

So etwas wie dieses.

 enter image description here

Andere Informationen:

  • Ich verwende Daten aus einer Ajax-Quelle (serverside:false), alle Daten werden zurückgegeben.
  • Wenn ich auf Seite 1 klicke, bleiben alle Zeilen markiert.
javascriptjqueryhtmlajaxdatatables
9
jmvtrinidad

Ich finde das generierte Element von jQuery DataTables mit diesem Code, und ich kann das gesamte tr-Element kopieren, das sich beim Paging der DataTables versteckt.

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

LÖSUNG

Es gibt viele Methoden , die zu diesem Zweck verwendet werden könnten. Sie können mit rows().data() die Daten für die ausgewählten Zeilen abrufen.

Beispiel:

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

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

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

DEMO

Siehe this jsFiddle für Code und Demonstration.

11
Gyrocode.com

use tableObject.rows (). data () gibt alle Daten der Tabelle zurück.

0
FOD