2013-02-14 90 views
2

我已经为simple_form创建了自定义包装器,但似乎无法找到将数据属性添加到生成的包装器元素的方法。我试图将它添加到名为switch的内部包装类。使用简单形式将数据属性添加到自定义包装器

我希望能够将其添加到包装,而不是在视图层,如果可能的话。

config.wrappers :toggle, :tag => 'div', :class => 'control-group', :error_class => 'error' do |b| 
    b.use :html5 
    b.use :placeholder 
    b.use :label 
    b.wrapper :tag => 'div', :class => 'controls' do |ba| 
    ba.wrapper :tag => 'div', :class => 'switch' do |box| 
     box.use :input 
    end 
    ba.use :hint, :wrap_with => { :tag => 'span', :class => 'help-block' } 
    ba.use :error, :wrap_with => { :tag => 'span', :class => 'help-inline' } 
    end 
end 

= form.input :element, :label => t('views.items.attributes.element'), :wrapper => :toggle 

输出

<div class="control-group boolean optional"> 
    <label class="boolean optional control-label" for="item_element">Element</label> 
    <div class="controls"> 
    <div class="switch"> 
     <input name="item[element]" type="hidden" value="0"> 
     <input class="boolean optional" id="item_element" name="item[element]" type="checkbox" value="1"> 
    </div> 
    </div> 
</div> 

所需的输出

<div class="control-group boolean optional"> 
    <label class="boolean optional control-label" for="item_element">Element</label> 
    <div class="controls"> 
    <div class="switch" data-label="blah" data-id="something"> 
     <input name="item[element]" type="hidden" value="0"> 
     <input class="boolean optional" id="item_element" name="item[element]" type="checkbox" value="1"> 
    </div> 
    </div> 
</div> 

回答

0

您可以在包装标签名称后添加:data => {:id=> 'something', :label => 'blah'}

config.wrappers :toggle, :tag => 'div', :class => 'control-group', :error_class => 'error' do |b| 
    b.use :html5 
    b.use :placeholder 
    b.use :label 
    b.wrapper :tag => 'div', :class => 'controls' do |ba| 
    ba.wrapper :tag => 'div', :data => {:id=> 'something', :label => 'blah'}, :class => 'switch' do |box| 
     box.use :input 
    end 
    ba.use :hint, :wrap_with => { :tag => 'span', :class => 'help-block' } 
    ba.use :error, :wrap_with => { :tag => 'span', :class => 'help-inline' } 
    end 
end 

= form.input :element, :label => t('views.items.attributes.element'), :wrapper => :toggle 

即使你可以添加名字,并且有些值如下所示:

:data => {:name => 'Stephen', :city_state => %w(Chicago IL)} 
+2

我曾试图在此之前,以及在技术上我想: ba.wrapper:标签=>“格”,:类=> 'switch',:data => {:id =>'as',:label =>'label'} do | box | 结束 我现在试过你的方式来验证它不是参数的顺序,但它仍然没有工作。我想知道它是否与simple_form_bootstrap以某种方式覆盖它有关? – Gram 2013-02-15 02:39:22

相关问题