class="text"
と呼ばれるカスタムラッパーを使用する場合、入力フィールドに:hinted in simple_form 2.0.0.rc
config.wrappers :hinted do |b|
b.use :input, :class => "text"
end
しかし、出力にはそのクラスがありません、私は試しました
:wrap_with => {:class => 'text'}
無駄に
これがどのように行われるか知っていますか?
ありがとうございました!
現在、これを行う方法はありません。必要に応じて、このようなdefaults
オプションを使用できます。
<%= simple_form_for(@user, :defaults => { :input_html => { :class => "text" } }) do %>
<%= f.input :name %>
<% end %>
:input_htmlで動作します。それは少し不格好です。
= f.input :email, :input_html => { :class => 'foo' }
すべてのフォーム要素にすべての入力を設定することもできます。
simple_form_for(@user, :defaults => { :input_html => { :class => "foo" } })
しかし、ご想像のとおり、これはすべてに当てはまります。
カスタムフォーム要素を作成できます。
# 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
参照: https://github.com/plataformatec/simple_form/wiki/Adding-custom-input-components
カスタムフォームビルダーを作成することもできます。
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
この機能は、今すぐマスター(2012年10月)にマージされます。
https://github.com/plataformatec/simple_form/pull/622
次に、次のように入力フィールドに直接HTML属性を追加できます。
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
同様の問題がありましたが、この機能( input_class one)は3.0.0バージョンの後にマージされたようです。
だから私は少なくともconfig.input_class = 'foo'
コードをサポートするためのモンキーパッチを作ってみました
私の意図は、素晴らしいサルパッチを実行することではありません(実際、私はこの記事を気に入っています here それを行うための-サルパッチ)。 SimpleForm v2.1.3およびBootstrap 4-アルファバージョン(最後のバージョンはここでは重要ではありませんが、情報提供のみを目的としています)
サルのパッチのコードは次のとおりです。
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
今、あなたはこのようなことをすることができます:
SimpleForm.setup do |config|
# ...
config.input_class = 'foo'
#...
end