使用簡單形式將數據屬性添加到自定義包裝器

Question

我已經爲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> 

Answer 1

您可以在包裝標籤名稱後添加: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)}