将Bootstrap Form Helpers整合到simple_form中

时间:2013-05-14 00:58:07

标签: ruby-on-rails ruby-on-rails-3 twitter-bootstrap simple-form

我正在尝试使用国家/地区实施一个选择菜单,然后在选择国家/地区后,使用状态过滤选择菜单。

我使用SimpleForm和Bootstrap,所以以下似乎完全适合我:http://vincentlamanna.com/BootstrapFormHelpers/state.html

我目前在SimpleForm中使用country_select gem,我的代码包含:

<%= f.input :country, :id => "business_country", :input_html => { :class => "span6" } %>
<%= f.input :state, :input_html => { :class => "span6" } %>

当我包含相关的js文件并包含Bootstrap Form Helpers的默认示例代码时,行为按预期工作,但我想将它包含在我的SimpleForm中,以便我可以保存到数据库中。以下是正确执行的默认示例代码:

<select id="countries_states1" class="input-medium bfh-countries" data-country="US"></select>
<select class="input-medium bfh-states" data-country="countries_states1"></select>

有人建议如何实现这个是SimpleForm吗?

感谢。

2 个答案:

答案 0 :(得分:0)

您是否按照simple_form gem自述文件上的说明安装了Bootstrap支持? https://github.com/plataformatec/simple_form#twitter-bootstrap

rails generate simple_form:install --bootstrap

答案 1 :(得分:0)

我通过找到我所在国家/地区的正确ID(我在原始问题中的代码中看到的business_country)并将数据国家/地区添加到SimpleForm中的input_html以进行状态选择来实现它。代码:

<%= f.input :country, :input_html => { :class => "span6 input-medium bfh-countries"} %>
<%= f.input :state, as: :select, :input_html => {:class => "span6 input-medium bfh-states", 'data-country' => ('business_country') } %>