質問編集履歴
2
他の質問を参考に項目を付け加え、みやすく修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
|
|
17
17
|
※今回作成中のシステムはメニューに紐付く材料のフォームを動的に追加、削除できるものです。
|
|
18
18
|
|
|
19
|
+
※Rails 6.0.0
|
|
20
|
+
|
|
19
21
|
|
|
20
22
|
|
|
21
23
|
|
|
@@ -78,6 +80,10 @@
|
|
|
78
80
|
|
|
79
81
|
|
|
80
82
|
|
|
83
|
+
**new.html.erb**
|
|
84
|
+
|
|
85
|
+
viewはnewとcreateしか作成していません。
|
|
86
|
+
|
|
81
87
|
```html
|
|
82
88
|
|
|
83
89
|
|
|
@@ -126,7 +132,7 @@
|
|
|
126
132
|
|
|
127
133
|
```
|
|
128
134
|
|
|
129
|
-
|
|
135
|
+
**menu.rb(親モデル)**
|
|
130
136
|
|
|
131
137
|
```ruby
|
|
132
138
|
|
|
@@ -146,10 +152,76 @@
|
|
|
146
152
|
|
|
147
153
|
```
|
|
148
154
|
|
|
149
|
-
|
|
155
|
+
**ingredient.rb(子モデル)**
|
|
150
156
|
|
|
151
157
|
```ruby
|
|
152
158
|
|
|
159
|
+
#app/models/ingredient.rb
|
|
160
|
+
|
|
161
|
+
class Ingredient < ActiveRecord::Base
|
|
162
|
+
|
|
163
|
+
ApplicationRecord
|
|
164
|
+
|
|
165
|
+
belongs_to :menu
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
extend ActiveHash::Associations::ActiveRecordExtensions
|
|
172
|
+
|
|
173
|
+
belongs_to_active_hash :unit
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
validates :material, :unit_id, :amount, presence: true
|
|
180
|
+
|
|
181
|
+
validates :unit_id, numericality: { other_than: 1 }
|
|
182
|
+
|
|
183
|
+
end
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
```
|
|
188
|
+
|
|
189
|
+
**unit.rb(ActiveHash 子モデルに紐付く)**
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
```ruby
|
|
194
|
+
|
|
195
|
+
#app/models/unit.rb
|
|
196
|
+
|
|
197
|
+
class Unit < ActiveHash::Base
|
|
198
|
+
|
|
199
|
+
self.data = [
|
|
200
|
+
|
|
201
|
+
{ id: 1, name: '単位を選択してください' },
|
|
202
|
+
|
|
203
|
+
{ id: 2, name: '大さじ' },
|
|
204
|
+
|
|
205
|
+
{ id: 3, name: '小さじ' },
|
|
206
|
+
|
|
207
|
+
{ id: 4, name: 'ml' },
|
|
208
|
+
|
|
209
|
+
{ id: 5, name: '本' },
|
|
210
|
+
|
|
211
|
+
{ id: 6, name: '個' },
|
|
212
|
+
|
|
213
|
+
]
|
|
214
|
+
|
|
215
|
+
end
|
|
216
|
+
|
|
217
|
+
```
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
**menues_controller.rb**
|
|
222
|
+
|
|
223
|
+
```ruby
|
|
224
|
+
|
|
153
225
|
#app/controllers/menues_controller.rb
|
|
154
226
|
|
|
155
227
|
class MenuesController < ApplicationController
|
|
@@ -186,6 +258,8 @@
|
|
|
186
258
|
|
|
187
259
|
```
|
|
188
260
|
|
|
261
|
+
**ルーティング**
|
|
262
|
+
|
|
189
263
|
```ruby
|
|
190
264
|
|
|
191
265
|
//route.rb
|
|
@@ -202,7 +276,7 @@
|
|
|
202
276
|
|
|
203
277
|
```
|
|
204
278
|
|
|
205
|
-
|
|
279
|
+
**application.js**
|
|
206
280
|
|
|
207
281
|
```javascript
|
|
208
282
|
|
|
@@ -224,6 +298,8 @@
|
|
|
224
298
|
|
|
225
299
|
```
|
|
226
300
|
|
|
301
|
+
**Gemfile**
|
|
302
|
+
|
|
227
303
|
```Gemfile
|
|
228
304
|
|
|
229
305
|
# jqueryとcocoonを一番下に追記しています。（bundle install,rails sも行なっています。）
|
1
今回はRailsに関する質問のため、タイトルをわかりやすく変更しました。（cocoonはwordpressでよく利用されているとあったため）。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
cocoonを用いてformを動的に追加、削除したい。
|
|
1
|
+
【Rails】cocoonを用いてformを動的に追加、削除したい。
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
### COCOONを使ってformを動的に追加・削除する方法
|
|
1
|
+
### 【Rails】COCOONを使ってformを動的に追加・削除する方法
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|