質問編集履歴
6
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
「newアクションのビューのフォームを使ってユーザーに値を入力してもらい、submitボタンでcreateアクションを実行し、値を保存完了」というモデルの基本の流れにおいて、実現したいことがあります。
|
|
4
4
|
|
|
5
5
|
それは、フォーム（つまりモデルのカラム）が複数（大量）あり、それらを１つのビューで一度に表示するのではなく、「次へ」ボタンを押して、次のフォームへと画面遷移していって、最後のフォームまで満たしたらsubmit、というようにすることです。
|
|
6
|
-
|
|
7
|
-
わかりやすい例として、Airbnbの施設登録の画面があります↓
|
|
8
|
-
|
|
9
|
-
https://www.airbnb.jp/become-a-host
|
|
10
6
|
|
|
11
7
|
|
|
12
8
|
|
|
@@ -14,7 +10,7 @@
|
|
|
14
10
|
|
|
15
11
|
Javascriptを使って、「次へ」ボタンを押したら現在のフォームを消して次のフォームを作っていくという手が浮かびますが、あまりきれいではないと思います。。。
|
|
16
12
|
|
|
17
|
-
|
|
13
|
+
入力したフォームの値を保持したまま次のフォームの画面へと移るにはどうすればいいでしょうか？
|
|
18
14
|
|
|
19
15
|
実現したいHTMLコードを、Usersモデルの名前・年齢・自己紹介を例にして下記に記述します。(すべてusers/new.html.erbとして読んで下さい)
|
|
20
16
|
|
5
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
|
-
<button onclick="$('#rapper').html('<%= render "age_form" %>');">
|
|
97
|
+
<button onclick="$('#rapper').html('<%= render "age_form" %>');">次へ</button>
|
|
98
98
|
|
|
99
99
|
```
|
|
100
100
|
|
4
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -81,3 +81,21 @@
|
|
|
81
81
|
```
|
|
82
82
|
|
|
83
83
|
で、「登録する」ボタンでcreateを実行。というような流れにしたいです。詳細なコードでなくても、どのような方法を用いればいいのかだけでも教えて頂けると助かります。
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
2/18追記
|
|
92
|
+
|
|
93
|
+
それぞれのビューを部分テンプレート化（例えば年齢フォームを_age_form.html.erbに）し、「次へ」ボタンにonclick属性を入れて、クリックすると部分テンプレートの親要素(id=rapper)の中身を変更するようにしてみましたが、
|
|
94
|
+
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
<button onclick="$('#rapper').html('<%= render "age_form" %>');">
|
|
98
|
+
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
と書くと、ボタンの中にそのまま部分テンプレートが書き込まれてしまいます。この方法は不可能でしょうか？
|
3
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
「newアクションのビューのフォームを使ってユーザーに値を入力してもらい、submitボタンでcreateアクションを実行し、値を保存完了」というモデルの基本の流れにおいて、実現したいことがあります。
|
|
4
4
|
|
|
5
|
-
それは、フォーム（つまりモデルのカラム）が複数（大量）あり、それらを１つのビューで一度に表示するのではなく、「次へ」ボタンを押して、次のフォームへと画面
|
|
5
|
+
それは、フォーム（つまりモデルのカラム）が複数（大量）あり、それらを１つのビューで一度に表示するのではなく、「次へ」ボタンを押して、次のフォームへと画面遷移していって、最後のフォームまで満たしたらsubmit、というようにすることです。
|
|
6
6
|
|
|
7
7
|
わかりやすい例として、Airbnbの施設登録の画面があります↓
|
|
8
8
|
|
2
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
「newアクションのビューのフォームを使ってユーザーに値を入力してもらい、submitボタンでcreateアクションを実行し、値を保存完了」というモデルの基本の流れにおいて、実現したいことがあります。
|
|
4
4
|
|
|
5
|
-
それは、フォーム（つまりモデルのカラム）が複数（大量）あり、それらを１つのビューで一度に表示するのではなく、「次へ」ボタンを押して、次のフォームへと画面推移していって、最後のフォームまで満たしたらsubmit、というように
|
|
5
|
+
それは、フォーム（つまりモデルのカラム）が複数（大量）あり、それらを１つのビューで一度に表示するのではなく、「次へ」ボタンを押して、次のフォームへと画面推移していって、最後のフォームまで満たしたらsubmit、というようにすることです。
|
|
6
6
|
|
|
7
7
|
わかりやすい例として、Airbnbの施設登録の画面があります↓
|
|
8
8
|
|
1
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Railsでアプリ開発を行っています。
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
「newアクションのビューのフォームを使ってユーザーに値を入力してもらい、submitボタンでcreateアクションを実行し、値を保存完了」というモデルの基本の流れにおいて、実現したいことがあります。
|
|
4
4
|
|
|
5
5
|
それは、フォーム（つまりモデルのカラム）が複数（大量）あり、それらを１つのビューで一度に表示するのではなく、「次へ」ボタンを押して、次のフォームへと画面推移していって、最後のフォームまで満たしたらsubmit、というようにしたいと思っています。
|
|
6
6
|
|