comment ajouter une classe au composant d'entrée dans un wrapper dans simple_form 2

Je suis en train d'avoir class="text" dans mon champs de saisie lors de l'utilisation d'un wrapper personnalisé appelé :allusion dans simple_form 2.0.0.rc

config.wrappers :hinted do |b|
  b.use :input, :class => "text"
end

mais la sortie n'a pas la classe, j'ai essayé

:wrap_with => {:class => 'text'}

en vain

Personne ne sait comment c'est fait?

Merci!

source d'informationauteur Nik So

  1. 17

    Actuellement, il n'y aucun moyen de le faire. Vous pouvez utiliser le defaults options comme cela si vous voulez.

    <%= simple_form_for(@user, :defaults => { :input_html => { :class => "text" } }) do %>
  <%= f.input :name %>
<% end %>
  2. 30

    Avec :input_html œuvres. Il est un peu maladroit. 

    = f.input :email, :input_html => { :class => 'foo' }

    Vous pouvez également définir toutes les entrées de tous les éléments du formulaire:

    simple_form_for(@user, :defaults => { :input_html => { :class => "foo" } })

    Mais comme vous l'imaginez, cela s'applique à tout.

    Vous pouvez créer des éléments de formulaire:

    # app/inputs/foo_input.rb
class FooInput < SimpleForm::Inputs::StringInput
  def input_html_classes
    super.push('foo')
  end
end

//in your view:
= f.input :email, :as => :foo

    Voir: https://github.com/plataformatec/simple_form/wiki/Adding-custom-input-components

    Vous pouvez également créer un formulaire personnalisé constructeur:

    def custom_form_for(object, *args, &block)
  options = args.extract_options!
  simple_form_for(object, *(args << options.merge(builder: CustomFormBuilder)), &block)
end

class CustomFormBuilder < SimpleForm::FormBuilder
  def input(attribute_name, options = {}, &block)
    options[:input_html].merge! class: 'foo'
    super
  end
end
  3. 12

    Cette fonctionnalité est sur le point d'être fusionné à maîtriser dès maintenant (Oct. 2012):

    https://github.com/plataformatec/simple_form/pull/622

    Ensuite, vous pouvez faire quelque chose comme cela pour ajouter des attributs HTML directement sur le champ de saisie:

    SimpleForm.build :tag => :div, :class => "custom_wrapper" do |b|
  b.wrapper :tag => :div, :class => 'elem' do |component|
    component.use :input, :class => ['input_class_yo', 'other_class_yo']
    component.use :label, :"data-yo" => 'yo'
    component.use :label_input, :class => 'both_yo'
    component.use :custom_component, :class => 'custom_yo'
  end
end
  4. 0

    J'ai eu un problème similaire, mais il semble que cette fonctionnalité (les input_class un) a été fusionné après la version 3.0.0.

    J'ai donc essayé de faire un monkey patch pour supporter au moins la config.input_class = 'foo' code

    Mon intention n'est pas de faire un grand singe patch (en fait j'aime bien cet article ici pour cela que - le singe patch), eh bien, c'est qu'une idée mais ça marche, maintenant je travaille avec le SimpleForm v2.1.3 et Bootstrap 4 - version alpha (le dernier n'est pas important ici, mais c'est juste pour une information)

    voici le code pour le singe patch:

    module SimpleForm
  mattr_accessor :input_class
  @@input_class = nil
end
module SimpleForm
  module Inputs
    class Base
      def html_options_for(namespace, css_classes)
        html_options = options[:"#{namespace}_html"]
        html_options = html_options ? html_options.dup : {}
        css_classes << html_options[:class] if html_options.key?(:class)
        css_classes << SimpleForm.input_class if namespace == :input && SimpleForm.input_class.present?
        html_options[:class] = css_classes unless css_classes.empty?
        html_options
      end
    end
  end
end

    maintenant, vous pouvez faire quelque chose comme ceci:

    SimpleForm.setup do |config|
  # ...
  config.input_class = 'foo'
  #...
end
  5. -2

    Vous pouvez configurer cela dans simple_form initialiseur:

    config.input_class = 'foo'

    Ça fonctionne pour moi 🙂