Как использовать входную группу Bootstrap в геме simple_form

Среда

  • Ruby 2.5.1
  • Рельсы 5.2.1
  • Простая форма 4.0.1

Текущее поведение

Я следую примеру в http://simple-form-bootstrap.plataformatec.com.br/examples/input_group

Я начинаю с <%= simple_form_for app, wrapper: :input_group do |f| %> и получить Couldn't find wrapper with name input_groupтак что раскомментирую

config.wrappers :input_group, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
    b.use :html5
    b.use :placeholder
    b.optional :maxlength
    b.optional :minlength
    b.optional :pattern
    b.optional :min_max
    b.optional :readonly
    b.use :label, class: 'form-control-label'
    b.wrapper :input_group_tag, tag: 'div', class: 'input-group' do |ba|
      ba.optional :prepend
      ba.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid'
      ba.optional :append
    end
    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
  end

в simple_form_bootstrap.rb

И получить undefined methodдобавить 'для класса SimpleForm::Inputs::StringInput' вместо.

Проблема в этом <%= f.input :subdomain, append: "example.com" %>

Как я могу использовать это, это даже поддерживает в simple_form? Не знаю, почему они комментируют этот кусок кода.

Источник

2 ответа

Решение

Создайте config/initializers/simple_form_component.rb

module InputGroup
  def prepend(wrapper_options = nil)
    span_tag = content_tag(:span, options[:prepend], class: "input-group-text")
    template.content_tag(:div, span_tag, class: "input-group-prepend")
  end

  def append(wrapper_options = nil)
    span_tag = content_tag(:span, options[:append], class: "input-group-text")
    template.content_tag(:div, span_tag, class: "input-group-append")
  end
end

# Register the component in Simple Form.
SimpleForm.include_component(InputGroup)

Источник

Источник

На случай, если кому-то интересно, как это сделать. В дополнение к Pavittar Gill . После создания файла config/initializers/simple_form_component.rb с содержанием, показанным выше.

Вам следует перейти к своему файлу config/initializers/simple_form_bootstrap.rb и на входе, который вы собираетесь использовать, добавьте что-то вроде этого:

      b.wrapper :grid_wrapper, tag: 'div', class: 'input-group' do |ba|
  ba.optional :prepend
  ba.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: ''
  ba.optional :append
  # [...]
end

Итак, ваш input_wrapper должен выглядеть примерно так:

        config.wrappers :vertical_form, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
    b.use :html5
    b.use :placeholder
    b.optional :maxlength
    b.optional :minlength
    b.optional :pattern
    b.optional :min_max
    b.optional :readonly
    b.use :label
    b.wrapper :grid_wrapper, tag: 'div', class: 'input-group' do |ba|
      ba.optional :prepend
      ba.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: ''
      ba.optional :append
      ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' }
      ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
    end
  end

И после этого вы можете использовать его в своих представлениях erb следующим образом:

       <%= f.input :attribute_name, prepend: "$" %>
Источник
Другие вопросы по тегам