今回は編集データをSubmitする仕組みを整備します。振り返り(クライアント側の編集)変更の種類には追加(Ins)と変更(Upd)と削除(Del)がありますが、クライアント側では下記のようになっています。これらの変更は、クライアント側での編集状態でしかありません。「反映」ボタンを押下することにより、サーバサイドにSubmitできる仕組みを作ります。クライアント側の実装は以前記載しました。反映ボタン押下後は下記のようになります。Railsのフォームの仕組みは使えません。form_forの仕組みは最終的にformタグとそれに囲まれたinputタグ(など)に展開されるので、ブラウザの機能で指定パスにPOST、ないしGETリクエストが送信されます。対してhandsontableは所詮はdivタグであり、そのままではSubmitされません。【参考】handsontableの表示箇所のHTMLソース(DOM)そこで、Submitボタン(=上記画像では”反映ボタン”)にするためのmyライブラリを作成しました。POST前に実行するファンクション.文字列を返すとエラーメッセージとして表示し、POSTを中断する。反映ボタンのソースと、反映ボタンへのバインドを示します。見た目はBootstrapのクラスが反映されていますが、お好みで指定してください。POST先は、railsのパスファンクションで作ります。methodは必須ですが、routes.rbと合致するように指定します。%>なお、サーバサイドからのレスポンスを更新後の一覧データを受け取って再描画するようにしています。paramsしていただきたいのですが、イメージとしては下記のようにリクエストが渡ってきます。