如何为 form_for 助手实现一个按钮标签？

Question

我需要实现一个创建<button>...</button> 标签的助手，我需要做一些类似的事情：

<%= form_for(some_var) do |f| %>
  <%= f.submit '+' %>
<% end %>

助手应该像这样工作：

<%= f.button '+' %>
# Returns
<button type="submit">+</button>

我看到了https://github.com/rails/rails/blob/master/actionpack/lib/action_view/helpers/form_tag_helper.rb#L458，但这在 Rails 3.0.7 中没有实现。

我需要做什么才能在我的应用程序中实现这个助手？

Answer 1

您可以创建一个继承自 FormBuilder 的自定义表单助手，以便在创建表单时使用。我创建了这个按钮方法来使用 Twitter 的 Bootstrap。

用任何合适的方式替换“引导程序”。 （也许是 CuteAsAButtonBuilder？）

app/helpers/bootstrap_form_builder.rb

class BootstrapFormBuilder < ActionView::Helpers::FormBuilder
    def button(label, options={})

    # You can also set default options, like a class
    default_class = options[:class] || 'btn'
    @template.button_tag(label.to_s.humanize, :class => default_class)    
  end

end

现在您有两种使用构建器的方法。

1。干鸭

每次构建使用按钮的表单时，都需要指定构建器...

<%= form_for @duck, :builder => BootstrapFormBuilder do |form|%>

2。 DRY 开发人员

添加以下内容

app/helpers/application_helper.rb

module ApplicationHelper
  def bootstrap_form_for(name, *args, &block)
    options = args.extract_options!
    form_for(name, *(args << options.merge(:builder => BootstrapFormBuilder)), &block)
  end
end

打电话给魔术师...

<%= bootstrap_form_for @person do |form| %>
  <%= form.button 'Click Me' %>
<% end %>

Answer 2

我之前在我的一个应用程序中实现了一个类似的辅助方法。我需要在按钮上有一个图像的按钮标签和它自己的一个类。您可以传递一个字符串，它是按钮上显示的文本，也可以传递对象本身。它看起来像这样：

def submit_button(object)
    image   = "#{image_tag('/images/icons/tick.png', :alt => '')}"

    if object.is_a?(String)
      value = "#{image}#{object}"
    else
      name  = object.class.to_s.titlecase
      value = object.new_record? ? "#{image} Save #{name} Information" : "#{image} Update #{name} Information"
    end

    content_tag :button, :type => :submit, :class => 'button positive' do
      content_tag(:image, '/images/icons/tick.png', :alt => '')
      value
    end
  end

然后你以<%= submit_button @admission %>的形式调用它

看起来像这样：