6

simple_form、nested_form、Twitter Bootstrapを使用しており、nested_formからの「リンクの削除」をオブジェクトと同じ行に配置しようとしています。

現在、次のようになっています。

http://grab.by/eKDS

そして私はそれをこのように見せたい：

http://grab.by/eKEc

私のコードは次のようになります。

<%= cform.simple_fields_for :licensings do |lf| %>
  <%= lf.input :state, :collection => us_states, :wrapper => false %>
  <%= lf.link_to_remove "Remove this Licensing", :class => 'btn btn-mini btn-danger' %>
<% end %>

最初のlf.inputのブロック内に2番目のlink_to_removeを配置しようとしましたが、実際のドロップダウンが表示されません。simple_formのコードを調べましたが、これを実現する方法があるかどうかを追跡できませんでした。

4

3 に答える 3

12

答えてくれてありがとう。でもどちらも働けなかった。Googleグループのメーリングリストで答えを見つけました。

https://groups.google.com/forum/?fromgroups#!topic/plataformatec-simpleform/hL9ek5svyAU

  <%= cform.simple_fields_for :licensings do |lf| %>
    <%= lf.input :state do %>
      <%= lf.input_field :state, :collection => us_states  %>
      <%= lf.link_to_remove "Remove this Licensing", :class => 'btn btn-mini btn-danger' %>
    <% end %>
  <% end %>
于 2012-07-16T21:53:21.737 に答える
1

ドキュメントでわかるように、カスタムラッパーを作成できます。simple_formの初期化子に次のようなものを追加する必要があります。

config.wrappers :inline do |b|
  b.use :placeholder
  b.use :label_input
end

そして、このように使用してください：

<%= cform.simple_fields_for :licensings do |lf| %>
  <%= lf.input :state, :collection => us_states, :wrapper => inline %>
  <%= lf.link_to_remove "Remove this Licensing", :class => 'btn btn-mini btn-danger' %>
<% end %>
于 2012-07-16T16:26:49.880 に答える
1

ネストされたフォームにクラス「インライン」を追加しようとしましたか？

<%= form_for @test, :html => { :class => 'form-inline' } do |f| %>
  <%= f.text_field :some_field, :class => 'text_field' %>
  <%= f.submit "Save", :class => 'btn btn-primary' %>
<% end %>
于 2012-07-13T23:27:48.807 に答える