Q&A
モーダル自体の実装は何か検討はついていますか？（プラグインやフレームワークを使うとか、自力実装するとか）
###前提・実現したいこと
CakePHP3の一覧ページ（index.php）からIDをクリックした時にedit.phpに画面遷移させず、モーダルウィンドウで編集できるようにしたいです。
###処理の流れ
1.IDをクリックした時にコントローラー側でIDを取得
2.取得したIDを元にデータを取得
3.取得したデータをモーダルウィンドウ上に表示
4.更新ボタンをクリックした際にForm情報をajaxでPOST送信
5.コントローラー側で更新処理
※3の実装方法を助言していただけると助かります。
###補足情報(言語/FW/ツール等のバージョンなど)
Railsでは情報がありましたが、CakePHPの情報がなく困っています。
Railsでの実装方法ですが、やりたいことは以下のURLの通りです。
http://qiita.com/tabbyz/items/1ae01be713e5c35adcd5
###追記
モーダルウィンドウはBootstrap3を利用する予定です。
回答1件
0
ベストアンサー
手順だけだとこんな感じでしょうか
- モーダルに空のフォームを配置
- IDクリック（ボタンとか何でもいいです）をトリガーにモーダルをオープン(javascript)
モーダル内の入力情報をクリア(javascript)
- IDクリックイベントでIDを渡し(javascript)、ajaxでidを渡し情報を取得(javascript→php→javascript)
- 取得した情報を分解し、モーダルのフォームにそれぞれセット（javascript）
phpで返す形式はjsonが扱いやすいと思います。
また、一気に作ろうとするのではなくやりたいことを部品化し、
1つ1つ実装し、確かめていくと良いです。
参考URL：
・jQueryでモーダル→Google検索：jQuery modal
・クリックで引数→クリック時の処理(onClick)
・CakePHPでajax→[CakePHP]AJAXでJSON形式のデータを処理したい！（jQuery）
・フォーム要素に値を設定（解除なども含む）→フォーム要素に対して値を設定するには？（val）
投稿2017/08/22 07:47
総合スコア80850
ありがとうございます。
>>>取得した情報を分解し、モーダルのフォームにそれぞれセット
ここが一番、知りたかったです！
ご提示していただいた方法で実装していこうと思います。
あなたの回答
tips
プレビュー
