その上に多くの jQuery 操作が組み込まれたDataTables プラグインテーブルがあります。
フッターに「挿入」行があり、テーブルの残りのセルと同じ方法で、すべてのコードをその行のセルに適用したいと考えています。たとえば、ユーザーが「.date」セルをクリックすると、日付ピッカーなどに変わります。
jQuery を実行するときは、選択したセルを (DataTables 関数を使用して)設定して、プラグインがどのセルを扱っているかを認識できるようにする必要があります (次にプラグインを「描画」するときにその値を適切にレンダリングします)。
これは、次の DataTables コマンドを使用して行います。
selectedCell = dataTable.cell(element);
cellColumn = selectedCell.index().column;
cellRow = selectedCell.index().row;
aRowData = dataTable.row(cellRow).data();
orderID = aRowData['DT_RowId'];
selectedField = aFields[cellColumn];
var selectedCellNode = selectedCell.node();
ただし、テーブル tfooter td セルからコードを実行すると、DataTables はこれらのコマンドを認識しません。次のエラーが発生します。
"Uncaught TypeError: Cannot read property 'column' of undefined"
table.footer()、などを使用してみcolumn.footer()ましたが、それらは html() を返しただけです。これを実際に「選択したセル」として設定して、他のすべてのセルと同様にdataTables functions を使用して操作できるようにします。
これは可能ですか？
注: 既に DataTables フォーラムに投稿しましたが、回答がありませんでした。StackOverflow が再び助けに来てくれることを願っています :-)
どうもありがとうございました。