へのDataTableのデータを渡すために:完全にクエリの結果を示しは、どのように私は、この変数でjQueryのデータテーブルを持っているブートストラップモーダル
"columns": [
{ "data": "id" },
{ "data": "date" },
{ "data": "type" },
{ "data": "name" },
{ "data": "user_name" },
{ "data": "status" },
{ "data": "closing_date" },
{ "data": "info" },
{ "data": "note" },
{ "render": function() {
return "<button type='button' class='btn btn-info btn-md' data-toggle='modal' data-id=\""+data.id+"\" data-target='#myModal'> Edit </button>";
}
}
]
を。ご覧のように、最後にテーブルには編集ボタンが付いた列が表示されます。このボタンでは、ユーザーがメモやステータスを変更できるようにする必要があります。この変更されたデータは、変更するデータのIDを持つSpringコントローラに送信する必要があります。
私の問題はコントローラへの送信方法ではありません。私はスタック上のユーザーのおかげでこの問題を解決しました。
私の問題は:{ "data": "id" }
が使用され、モーダルでは、モーダルをトリガーするボタンにdata-id
を設定するには、どのような構文を使用する必要がありますか?実際の構文では、アプリケーションを読み込むときに「データが定義されていません」というエラーが表示されます。私が実際の値data-id=\""+data.id+"\"
を使用すると、データを認識しないようです。データ表の列のデータを呼び出すための表記法。
編集:markpsmithの答えは、定義されていないデータの問題を解決しますが、私はまだ問題があります。 彼のソリューションは別の問題を導入します:今、私がフォームデータを提出するとき、私はidにundefined値を得ました。要素を分析すると、データフォームを送信する前に定義されていないことに気づくことができます。ページがロードされた直後に、ボタンを調べるとその値は未定義です。
私はウェブ上にある他の解決方法を試しましたが、問題は常に同じです。私がdata-idに置いたすべてのデータと組み合わせは認識されず、この値は未定義に設定されています。
ご覧ください。https://stackoverflow.com/questions/13524107/how-to-set-data-attributes-in-html-elements – Dacklf