ruby-on-rails – 如何使用simple_form中的twitter bootstrap兼

发布时间：2020-12-17 02:36:20 所属栏目：百科来源：网络整理

导读：我正在尝试为Twitter Bootstrap的文档中描述的一个复选框获取两个标签. (参见 http://twitter.github.com/bootstrap/base-css.html#forms – 水平表格 – 复选框(在文字输入下方)) 所以我想要显示的是左侧描述的标签,复选框本身以及右侧的旁边的提示. simple

我正在尝试为Twitter Bootstrap的文档中描述的一个复选框获取两个标签. (参见 http://twitter.github.com/bootstrap/base-css.html#forms – >水平表格 – >复选框(在文字输入下方))

所以我想要显示的是左侧描述的标签,复选框本身以及右侧的旁边的提示.

simple_form gem中twitter bootstrap的标准实现创建了< p>用于显示提示的标记,因为它试图对所有类型的输入保持一致.

我现在想在simple_form初始化程序中为“bootstrap checkboxes”创建一个自定义包装器,但我无法弄清楚如何解决这个问题.

这就是我目前使用裸轨(erb)实现的方法：

<div class="control-group">
 <%= f.label :recurring,:class => 'control-label' %>
 <div class="controls">
   <%= f.label :recurring,:class => 'checkbox' do %>
    <%= f.check_box :recurring %>
    <%= t('.recurring_hint') %>
   <% end %>
 </div>
</div>

你能帮助我或者至少试着解释这些自定义包装器的工作原理吗？谢谢！

编辑：让我更准确地问我的问题：我可以使用simple_form的包装器API将标签用作包装器吗？

解决方法

解：

>更新到最新版本的simple_form(2.0.2,有2.0)
>覆盖BooleanInput：

应用程序/输入/ boolean_input.rb

class BooleanInput < SimpleForm::Inputs::BooleanInput
  def input
    if nested_boolean_style?
        template.label_tag(nil,:class => "checkbox") {
          build_check_box + inline_label
        }
    else
      build_check_box
    end
  end
end

_form.html.erb

在模板中调用：

<%= f.input :recurring,:inline_label => t('.recurring_hint') %>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!