質問編集履歴
2
タイトル、内容修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
cocoonによる動的フォーム追加で
|
1
|
+
cocoonによる動的フォーム追加で追加ボタンを押すまで行が無い状態にしたい
|
test
CHANGED
@@ -1,32 +1,22 @@
|
|
1
|
-
Railsで、cocoonを使った動的なフォーム追加を実装しているのですが、
|
1
|
+
Railsで、cocoonを使った動的なフォーム追加を実装しているのですが、
|
2
|
+
|
3
|
+
以下の画面の際に
|
2
4
|
|
3
5
|
|
4
6
|
|
5
|
-
![イメージ説明](
|
7
|
+
![イメージ説明](c73b30f6b0066c8035b2a80b10263343.png)
|
6
|
-
|
7
|
-
↓
|
8
|
-
|
9
|
-
![イメージ説明](d9e3a3d630dee35f584cdb0e4d4a624a.png)
|
10
8
|
|
11
9
|
|
12
10
|
|
13
|
-
の
|
11
|
+
最初は空欄の行は表示されず、+ボタンが押された場合だけ
|
14
12
|
|
15
|
-
|
13
|
+
行が追加されるようにするにはどのようにすればよいでしょうか。
|
16
14
|
|
17
|
-
|
15
|
+
ご教授いただければ幸いです。
|
18
|
-
|
19
|
-
(CSSとかそのあたりに問題があるような気がするのですが、当方初級者でまだそのあたりを勉強中でして・・・)
|
20
16
|
|
21
17
|
|
22
18
|
|
23
|
-
どなたかご教授いただければ幸いです。
|
24
|
-
|
25
19
|
以下がフォーム追加の箇所になります。
|
26
|
-
|
27
|
-
※ちなみに、値を入力すると意図したDBカラムに登録されているので
|
28
|
-
|
29
|
-
Rails内の不具合ではないように思われます(もしそこも情報必要であればお知らせください)
|
30
20
|
|
31
21
|
|
32
22
|
|
@@ -64,6 +54,16 @@
|
|
64
54
|
|
65
55
|
<tr>
|
66
56
|
|
57
|
+
<td><%= f.label :os, "OS" %></td>
|
58
|
+
|
59
|
+
<td><%= f.text_field :os, id: :targetserver_os %></td>
|
60
|
+
|
61
|
+
</tr>
|
62
|
+
|
63
|
+
|
64
|
+
|
65
|
+
<tr>
|
66
|
+
|
67
67
|
<td><%= f.label :hostname %></td>
|
68
68
|
|
69
69
|
<td><%= f.text_field :hostname, id: :targetserver_hostname %></td>
|
@@ -82,15 +82,7 @@
|
|
82
82
|
|
83
83
|
|
84
84
|
|
85
|
-
<tr>
|
86
|
-
|
87
|
-
|
85
|
+
<tbody id="disks">
|
88
|
-
|
89
|
-
<td><%= f.text_field :os, id: :targetserver_os %></td>
|
90
|
-
|
91
|
-
</tr>
|
92
|
-
|
93
|
-
|
94
86
|
|
95
87
|
<tr>
|
96
88
|
|
@@ -102,15 +94,29 @@
|
|
102
94
|
|
103
95
|
<tr>
|
104
96
|
|
97
|
+
<td><%= f.text_field :partitionname, value: "/" %></td>
|
98
|
+
|
99
|
+
<td><%= f.text_field :size, value: "30" %></td>
|
100
|
+
|
101
|
+
<td><%= link_to_add_association '+', f, :disks, class: 'btn btn-default',
|
102
|
+
|
103
|
+
data: {
|
104
|
+
|
105
|
+
association_insertion_node: '#disks',
|
106
|
+
|
107
|
+
association_insertion_method: 'append' }
|
108
|
+
|
109
|
+
%></td>
|
110
|
+
|
111
|
+
</tr>
|
112
|
+
|
105
113
|
<%= f.fields_for :disks do |dk| %>
|
106
|
-
|
107
|
-
<td><%= link_to_add_association '+', f, :disks, class: 'btn btn-default' %></td>
|
108
114
|
|
109
115
|
<%= render 'disk_fields', f: dk %>
|
110
116
|
|
111
117
|
<% end %>
|
112
118
|
|
113
|
-
<t
|
119
|
+
</tbody>
|
114
120
|
|
115
121
|
</table>
|
116
122
|
|
@@ -132,14 +138,14 @@
|
|
132
138
|
|
133
139
|
```
|
134
140
|
|
135
|
-
|
141
|
+
<tr class="nested-fields">
|
136
142
|
|
137
|
-
|
143
|
+
<td><%= f.text_field :partitionname, value: "" %></td>
|
138
144
|
|
139
|
-
|
145
|
+
<td><%= f.text_field :size, value: "" %></td>
|
140
146
|
|
141
|
-
|
147
|
+
<td><%= link_to_remove_association "-", f, class: 'btn btn-default' %></td>
|
142
148
|
|
143
|
-
|
149
|
+
</tr>
|
144
150
|
|
145
151
|
```
|
1
タイトル編集
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
cocoonによる動的フォーム追加で位置がずれるのを直したい&追加ボタンを押すまで行が無い状態にしたい
|
test
CHANGED
File without changes
|