web-dev-qa-db-ja.com

jQuery DataTables-すべての行データにアクセスします

JQuery DataTablesを使用していますが、ヘッダーチェックボックスをクリックすると、すべての行をコピー（JavaScript配列に保存）したいです。

First Page

行の残りのページのjQuery DataTablesがHTMLを保存する場所を見つけたいので、JavaScriptをナビゲートしてそこをチェックしたり、プロパティをtrueに設定したりできます。

このようなもの。

enter image description here

その他の情報：

  • Ajaxソース（serverside:false）、すべてのデータが返されます。
  • ページ1をクリックすると、すべての行がチェックされたままになります。
javascriptjqueryhtmlajaxdatatables
11
jmvtrinidad

このコードを使用してjQuery DataTablesによって生成された要素を見つけ、DataTablesをページングするときに非表示になるtr要素全体をコピーできます。

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

[〜＃〜] solution [〜＃〜]

多くのメソッド があり、その目的に使用できます。 rows().data() を使用して、選択した行のデータを取得できます。

例：

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

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

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

[〜＃〜] demo [〜＃〜]

コードとデモについては this jsFiddle をご覧ください。

14
Gyrocode.com

tableObject.rows（）。data（）を使用すると、テーブルのすべてのデータが返されます。

0
FOD