質問編集履歴

2

タイトル、内容修正

2018/10/13 18:34

投稿

07290729
07290729

スコア15

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
- ![イメージ説明](5d0baa0f0cbf68af09e3b7c170c35fa3.png)
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
- <td><%= f.label :os, "OS" %></td>
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
- <tr>
119
+ </tbody>
114
120
 
115
121
  </table>
116
122
 
@@ -132,14 +138,14 @@
132
138
 
133
139
  ```
134
140
 
135
- <tr class="nested-fields">
141
+ <tr class="nested-fields">
136
142
 
137
- <td><%= f.text_field :partitionname, value: "" %></td>
143
+ <td><%= f.text_field :partitionname, value: "" %></td>
138
144
 
139
- <td><%= f.text_field :size, value: "" %></td>
145
+ <td><%= f.text_field :size, value: "" %></td>
140
146
 
141
- <td><%= link_to_remove_association "-", f, class: 'btn btn-default' %></td>
147
+ <td><%= link_to_remove_association "-", f, class: 'btn btn-default' %></td>
142
148
 
143
- </tr>
149
+ </tr>
144
150
 
145
151
  ```

1

タイトル編集

2018/10/13 18:34

投稿

07290729
07290729

スコア15

test CHANGED
@@ -1 +1 @@
1
- Rails で cocoonを使った動的フォーム追加で 位置がずれる&追加ボタンを押すまで行が無い状態にしたい
1
+ cocoonによる動的フォーム追加で位置がずれるのを直したい&追加ボタンを押すまで行が無い状態にしたい
test CHANGED
File without changes