Rails collection_radio_buttons bootstrap이 작동하지 않습니다.

Question

레코드를 필터링하는 데 사용하는 컬렉션이 있습니다. 불행히도 부트 스트랩 스타일링이 작동하지 않습니다. bootstrap documentation에서

= collection_radio_buttons :ptype, :id, Ptype.all, :id, :part_type, {:checked => session[:ptype_id]}, {:onchange => "ptype_set(value)", :class => "radio-inline"} 

그것은이 제조된다 ...

<input checked="checked" class="radio-inline" id="ptype_id_1" name="ptype[id]" onchange="ptype_set(value)" type="radio" value="1" /> 
<label for="ptype_id_1">Welded</label> 

<input class="radio-inline" id="ptype_id_2" name="ptype[id]" onchange="ptype_set(value)" type="radio" value="2" /> 
<label for="ptype_id_2">Laser/Formed</label> 

<input class="radio-inline" id="ptype_id_3" name="ptype[id]" onchange="ptype_set(value)" type="radio" value="3" /> 
<label for="ptype_id_3">Bolt_on</label> 

<input class="radio-inline" id="ptype_id_4" name="ptype[id]" onchange="ptype_set(value)" type="radio" value="4" /> 
<label for="ptype_id_4">Machined</label> 

<input class="radio-inline" id="ptype_id_5" name="ptype[id]" onchange="ptype_set(value)" type="radio" value="5" /> 
<label for="ptype_id_5">Empty</label> 

, 그것이 (아래 그림 참조) class="radio-inline"가 input의 label 아닌 부분의 일부가되어야한다고 나타낸다.

<input checked="checked" id="ptype_id_1" name="ptype[id]" onchange="ptype_set(value)" type="radio" value="1" /> 
<label for="ptype_id_1" class="radio-inline">Welded</label> 

이 세트는 순수하게 필터링을 위해 자바 스크립트를 해고하기위한 선택으로 사용되는, 그래서 나는 그것이 form_for에 중첩 필요가 없습니다. 그러나, 나는 그것을 시도하고 그것도 작동하지 않았다.

class="radio-inline"을 라벨 태그로 옮기는 방법이 있습니까?

Answer 1

운이 좋다 : collection_radio_buttons accepts a block and you can pass a builder object to it입니다. 해당 빌더의 label 및 radio_button 메소드는 HTML 옵션 해시 인수 및 블록을 허용하고 text 메소드를 사용하여 실제 옵션 레이블 텍스트를 가져올 수 있습니다. 슬림에서는 다음을 시도 할 수 있습니다.

= collection_radio_buttons :ptype, :id, Ptype.all, :id, :part_type do |b| 
    = b.label(:class => 'radio-inline') { b.radio_button(:checked => session[:ptype_id], :onchange => 'ptype_set(value)') + b.text } 

인라인 라디오 버튼의 경우 부트 스트랩은 입력이 라벨 안에 중첩 될 것으로 예상합니다. 그러면 예상대로 라디오 버튼이 렌더링됩니다. 즐겨!