RoR 3.2.8:是否有HTML5组合框助手？

Question

现在,我正在使用form_for.select和options_for_selectrails帮助器创建一个包含模型数据的选择框.但是,我真正需要的是像HTML5中引入的组合框:

<input type=text list=browsers >
<datalist id=browsers >
   <option> Google
   <option> IE9
</datalist> 

是否有用于创建此类元素的rails帮助程序？

Answer 1

不，但是设置您自己的表单生成器帮助器方法来实现这样的结果非常容易，一个简单的例子是：

应用程序/form_builders/combobox_form_builder.rb

 class ComboboxFormBuilder < ActionView::Helpers::FormBuilder
  include ActionView::Context # for nested content_tag
  include ActionView::Helpers::FormTagHelper #for sanitize_to_id method access

  def combobox_tag(name, options, opts= {})
     @template.content_tag(:input, :name => name, :id => sanitize_to_id(name), :type => "text", :list => opts[:list_id]) do
       content_tag(:datalist, :id => opts[:list_id]) {options}
     end    
  end    
end

重新启动服务器后，您可以通过在 form_for 调用中指定构建器参数来使用表单构建器实现新的组合框：

<%= form_for @foo, builder: ComboboxFormBuilder do |f| %>
    <%= f.combobox_tag(:browser, options_for_select(["Firefox", "Chrome", "IE9"]), :list_id => "list")%>
<% end %>

输出 HTML：

<input type="text" name="browser" list="list" id="browser">
<datalist id="list">
  <option value="Firefox">Firefox</option>
  <option value="Chrome">Chrome</option>
  <option value="IE9">IE9</option>
</datalist>

请记住，IE 和 Safari 都不提供对 HTML5 数据列表的支持。