Css 链接到嵌套表单时丢失Rails样式
我使用嵌套表单为多个数据输入添加一行表单。 但是,使用link_to生成的表单上的所有样式都将丢失。 查看生成的代码,所有样式都在那里,但是当我添加字段时,它不会呈现样式。 我尝试了同时呈现为表行和div行(引导)的分部。最初生成的行看起来很完美,但添加的行都被揉成一团,与任何东西都不对齐。 谢谢 应用程序中的辅助程序Css 链接到嵌套表单时丢失Rails样式,css,ruby-on-rails,forms,twitter-bootstrap,nested,Css,Ruby On Rails,Forms,Twitter Bootstrap,Nested,我使用嵌套表单为多个数据输入添加一行表单。 但是,使用link_to生成的表单上的所有样式都将丢失。 查看生成的代码,所有样式都在那里,但是当我添加字段时,它不会呈现样式。 我尝试了同时呈现为表行和div行(引导)的分部。最初生成的行看起来很完美,但添加的行都被揉成一团,与任何东西都不对齐。 谢谢 应用程序中的辅助程序 def link_to_add_fields(name, f, association, readonly) new_object = f.object.send(ass
def link_to_add_fields(name, f, association, readonly)
new_object = f.object.send(association).klass.new
id=new_object.object_id
fields = f.fields_for(association, new_object, child_index: id) do |builder|
render("my partial form", f: builder, readonly: readonly)
end
link_to(name, "#", class: "add_fields", data: {id: id, fields: fields.gsub("\n", "")})
在mynew.html中
<table class="table table-bordered">
<thead>
<tr>
<th>Customer</th>
<th>Description</th>
<th>Notes</th>
<th></th>
</tr>
</thead>
<tbody>
<%= f.fields_for :my_association do |builder| %>
<%= render "my_partial", f: builder%>
<% end %>
顾客
描述
笔记
假%>
在我看来
<tr>
<td><%= f.collection_select(:customer_id, @customers, :id, :fullname, :include_blank=>'Select') %>
<%= f.hidden_field(:id)%></td>
<td> <%= f.text_field(:description) %></div>
<td> <%= f.text_area(:note, :size=> "25x1") %></td>
<td> <%= f.hidden_field :_destroy %><%= link_to "remove", "#", class: "remove_fields"%> </td>
</tr>
“选择”)%%>
“25x1”)%%>
这似乎是一个纯粹的HTML/CSS问题
将其
替换为
,并将该部分包装在
试试这个:
<table class="table table-bordered">
<thead>
<tr>
<th>Customer</th>
<th>Description</th>
<th>Notes</th>
<th></th>
</tr>
</thead>
<tbody>
<%= f.fields_for :my_association do |builder| %>
<%= render "my_partial", f: builder%>
<% end %>
</tbody>
</table>
<div class="container-fluid">
<div class="row-fluid"><td colspan=6><%= link_to_add_fields "Add New Line", f, :my_association, :readonly=>false%></div></td>
</div>
顾客
描述
笔记
假%>
我必须将我的分部包装在它自己的表中,并取出我对分部调用周围的行。这打破了桌子,但这是唯一的方式,事情将排队
new.html.erb
<table class="table table-striped">
<thead>
<tr>
<th>Customer</th>
...
<th>Notes</th>
<th>*</th>
</tr>
</thead>
<tbody>
<%= f.fields_for :my_association do |builder| %>
<%= render "my_partial", f: builder%>
<% end %>
<tr>
<td colspan=6>
<%= link_to_add_fields "Add New Line", f, :my_association, :readonly=>false%>
</td></tr>
</tbody>
</table>
顾客
...
笔记
*
假%>
在我的教区
<table class="table table-striped">
<tbody>
<tr style="width:100%">
<td><%= f.collection_select(:customer_id, @customers, :id, :fullname, :include_blank=>'Select') %>
...
<td> <%= f.text_area(:note, :size=> "25x1") %></td>
<td> <%= f.hidden_field :_destroy %><%= link_to "remove", "#", class: "remove_fields"%> </td>
</tr>
</tbody>
</table>
“选择”)%%>
...
“25x1”)%%>
我希望有一个更好的解决方案,但这将暂时起作用。这些更改没有产生任何影响。这些错误是因为我很快就把这篇文章的布局改成了表格格式,我试着用布局代替表格布局,以防出现问题。没有变化。