Question

我有嵌套表格来添加图片，而且工作正常。

当我添加新图片时，它会在上一张表格下方添加新表格。

但我想在上一个表单旁边添加新表单。

在<div class="col-xs-4"> <%= f.fields_for :images do |image_form| %> <%= image_form.collection_select :version_name, Image::VERSION_NAMES.keys.collect{|version_name| [version_name, version_name]}, :first, :last, :include_blank => "Please Select" %> <br /><br /> <div class="image-upload"> <label for="file-input"> <i class="fa fa-cloud-upload"></i> </label> <%= image_form.file_field :picture,:'data-role'=>"none" ,:onchange=>"readURL(this);" ,:id=>"file-input" %> </div> <%= image_tag image_form.object.picture.url,:class=>"img_prev", :style => "width:80px;height: 70px" %><br /> <%= image_form.link_to_remove "Remove this Pic" %><br /> <% end %> </div> <br /><br /><%= f.link_to_add "Add a picture", :images ,:id=>"add_pic"%> </div>

下

{{1}}

你可以在图片中看到它正在预览图像下方，但我希望这可以在之前的图像旁边。

如果有人有想法帮助我。谢谢。

Answer 1

如果我们能看到css会更容易。然而，看起来您的“图像上传”div或其周围的形式是窗口的宽度，因此您的新表单显示在上一个图像下方而不是并排放置。如果你减小这个div的宽度，它应该并排放置。

Answer 2

我使用此代码完成了此功能。

这对我有用

 <%= f.fields_for :images do |image_form| %>
                          <div class="col-xs-6">
                              <%= image_form.collection_select :version_name, Image::VERSION_NAMES.keys.collect{|version_name| [version_name, version_name]}, :first, :last, :include_blank => "Please Select" %> <br /><br />
                                <div class="image-upload">
                                  <label for="file-input">
                                    <i class="fa fa-cloud-upload"></i>
                                  </label>
                                  <%= image_form.file_field :picture,:'data-role'=>"none" ,:onchange=>"readURL(this);" ,:id=>"file-input" %>
                                </div>
                              <%= image_tag image_form.object.picture.url,:class=>"img_prev", :style => "width:80px;height: 70px; display:none;" %><br />
                              <%= image_form.link_to_remove "Remove this Pic" %><br />
                          </div>
                        <% end %>
                        <br /><br /><%= f.link_to_add "Add a picture", :images ,:id=>"add_pic"%>

想在表单旁边添加嵌套表单

2 个答案: