<div class="form-group has-error">
<label class="col-md-3 control-label" for="user_email">Email</label>
<div class='col-md-9'>
<input class="form-control required-input" id="user_email" name="user[email]" placeholder="peter@example.com" type="email" value="someone@example.com" />
</div>
</div>
注意外部div中的额外类有错误…
无论如何,我写了那个助手,它很棒！
def form_group(method,options={})
class_def = 'form-group'
class_def << ' has-error' unless @object.errors[method].blank?
class_def << " #{options[:class]}" if options[:class].present?
options[:class] = class_def
@template.content_tag(:div,options) { yield }
end
# Here's a HAML sample...
= f.form_group :email do
= f.label :email,nil,class: 'col-md-3 control-label'
.col-md-9
= f.email_field :email,class: 'form-control required-input',placeholder: t('sample.email')
现在我想利用Bootstrap的form help text来显示错误消息.这需要我扩展Rails本机助手(例如上面示例中的text_field),然后在f.form_group的块中调用它们.
解决方案似乎很简单：调用父级,并将我的span块追加到最后…
def text_field(method,options={})
@template.text_field(method,options)
if !@object.errors[method].blank?
@template.content_tag(:span,@object.errors.full_messages_for(method),class: 'help-block')
end
end
只有它不会输出任何HTML,div只会显示为空.我尝试了一堆diff语法方法：
> super vs text_field vs text_field_tag
>连接结果 – @ template.concat(@ template.content_tag([…]))
>动态变量,例如def text_field(method,* args)然后options = args.extract_options！.symbolize_keys！
我只得到奇怪的语法错误,或空div.在某些情况下,输入字段会出现,但帮助文本范围不会,或反之亦然.
我确定我搞砸了一些简单的东西,我只是没有看到它.
解决方法
Ruby的返回自动化,结合Rails有时复杂的范围,让我有点不可思议.具体来说,@ template.text_field绘制内容,但必须由辅助方法返回才能显示在调用块内.但是我们必须返回两个调用的结果……
def text_field(method,options={})
field_errors = object.errors[method].join(',') if !@object.errors[method].blank?
content = super
content << (@template.content_tag(:span,class: 'help-block') if field_errors)
return content
end
我们必须返回父方法(通过super)和我们的自定义@ template.content_tag(：span,injection.)的结果.我们可以使用Ruby的plus运算符来缩短它,这会连接返回结果.
def text_field(method,') if !@object.errors[method].blank? super + (@template.content_tag(:span,class: 'help-block') if field_errors) end
注意：表单是使用ActiveModel对象启动的,这就是我们可以访问@object的原因.实现form_for而不将其与模型相关联将要求您扩展text_field_tag.
这是我完成的自定义FormBuilder
class BootstrapFormBuilder < ActionView::Helpers::FormBuilder
def form_group(method,options={})
class_def = 'form-group'
class_def << ' has-error' unless @object.errors[method].blank?
class_def << " #{options[:class]}" if options[:class].present?
options[:class] = class_def
@template.content_tag(:div,options) { yield }
end
def text_field(method,options={})
field_errors = object.errors[method].join(',') if !@object.errors[method].blank?
super + (@template.content_tag(:span,class: 'help-block') if field_errors)
end
end
别忘了告诉form_for！
form_for(:user,:builder => BootstrapFormBuilder [,...])
编辑：这里有许多有用的链接,帮助我走上了启蒙的道路. Link-juice对作者赞不绝口！
> Writing a custom FormBuilder in Rails 4.0.x
> Formatting Rails Errors for Twitter Bootstrap
> Very Custom Form Builders in Rails
> SO: Nesting content tags in rails
> SO: Rails nested content_tag
> SO: Rails 3 Custom FormBuilder Parameters
> SO: Trying to extend ActionView::Helpers::FormBuilder
> RailsGuides: Form Helpers
> Real world sample from treebook tutorial code