datatableのページングで複数ページに跨る入力fieldのsubmitについて

Question

お世話になります。

jquery datatables 1.10 を使用しています。

各行に入力フィールドが存在するテーブルをdatatable にてページングで表示しているのですが、
複数ページに跨った入力内容を上手くsubmitすることが出来ません。

DataTable().rows().data()
で全データを取得しても、入力前の状態のデータが取得されてしまいます。

また、実は先日も別件で似たような質問をさせていただいたのですが、
その際ご回答いただいた内容と似たように実装したのですが、こちらもダメでした。

$(".datatable").DataTable().column( 1 ).data().filter( function ( value, index ) {
return value.indexOf('hogehoge') != -1 ? true : false;
} );

何卒ご回答の程よろしくお願いいたします。

Answer 1

serializeというAPIを利用すると取得できます。

var data = $(".datatable").DataTable().$('input, select').serialize();

ちなみに公式サイトにはサンプルが載ってます。
Form inputs

Comments

[masapu]

なるほど、DataTableでjQueryのセレクタが使用できる様になっているんですね！しかも全データに対して!!

$(".datatable").DataTable().$('input')で取得するとjQueryのオブジェクトになるので、
取得したオブジェクトを非表示formにappendして無事全ページのsubmitをすることが出来ました。
(ちなみにjQueryのオブジェクトなので.val()で最新の入力内容も取得できました。)

とても助かりました。ありがとうございました！