2017-10-14 138 views
2

我使用collection_radio_buttons創建與simple_forms單選按鈕:屬性在simple_forms collection_radio_buttons包裹所有的div

<div class="toggle-group"> 
    <%= f.collection_radio_buttons :question, 
    [[true, 'Yes'] ,[false, 'No']], :first, :last, 
    item_wrapper_tag: false, boolean_style: :inline %> 
</div> 

獲得此:

<div class="toggle-group"> 
    <input type="hidden" name="user[question]" value=""> 
    <input type="radio" value="true" name="user[question]" id="user_question_true"> 
    <label class="collection_radio_buttons" for="user_option_true">Yes</label> 
    <input type="radio" value="false" name="user[option]" id="user_option_false"> 
    <label class="collection_radio_buttons" for="user_option_false">No</label> 
</div> 

我已經創建了一些CSS生成的輸入類型'隱藏'。 我需要在collection_radio_buttons中添加什麼,才能使用class =「toggle-group」獲取div包裝,而不是自己編寫它?

回答

1
<%= f.collection_radio_buttons :question, 
    [[true, 'Yes'] ,[false, 'No']], :first, :last, 
    item_wrapper_tag: false, boolean_style: :inline, 
    collection_wrapper_tag: "div", 
    collection_wrapper_class: "toggle-group" %> 

collection_wrapper_tag: "div",添加到標籤中。添加collection_wrapper_class: "toggle-group"以將該類設置爲div標記。文檔:here

+1

完美!謝謝。 –