0

ネストされたフォームを2列で表現しようとしています。simple_formとnested_formを使用しています。問題は、最初の列を閉じるためにaを配置すると、link_to_addが機能しないことです。これは私の見解です：

<div class="row">
  <div class="span4">
    <%= simple_nested_form_for @object1, :html => { :class => 'form-vertical' } do |f| %>
      <%= f.input_field :name %>
      </div> <!-- This div is to close the first column -->
      <div class="span8">
      <%= f.link_to_add "Add a object2", :object2, :class => 'btn-primary' %>
      <%= f.simple_fields_for :object2,:html => { :class => 'span8 form-inline' } do |s| %>
        <%= s.input_field :name %>
      <% end %>
    <% end %>

使用するプラグインの変更を受け付けます。3つ以上のネストされたオブジェクトでネストされたフォームを表す必要があります。

4

1 に答える 1

2

あなたは多くのクロージングdivを逃しました。このコードについてはよくわかりませんが、これを試してください。

<%= simple_nested_form_for @object1, :html => { :class => 'form-vertical' } do |f| %>
  <div class="row">
    <div class="span4">
      <%= f.input :name %>
    </div>
    <div class="span8">
      <%= f.link_to_add "Add a object2", :object2, :class => 'btn btn-primary' %>
      <%= f.simple_fields_for :object2, :html => { :class => 'form-vertical' } do |s| %>
        <%= s.input :name %>
      <% end %>
    </div>
  </div>
  <div class="form-actions">
    <%= f.button :submit %>
  </div>
<% end %>

また、nested_formsに似たものをお勧めします：https ：//github.com/nathanvda/cocoon 。それはより維持されます。

于 2012-05-23T07:04:19.097 に答える