라디오 입력 폼을 라디오 입력 부팅 양식으로 변환하는 방법은 무엇입니까?

Question

다음 코드를 bootsfaces 레이블로 변환 할 수 있습니까?

<div class="radio"> 
    <label><input type="radio" name="optradio"/>Option 1</label> 
</div> 
<div class="radio"> 
    <label><input type="radio" name="optradio"/>Option 2</label> 
</div> 

고맙습니다!

Answer 1

업데이트 : 2010 년 7 월 18 일 질문에 영감을 받아서 표준 JSF보다 더 유연한 <b:radiobutton /> 구성 요소를 구현하기 시작했습니다. BootsFaces의 차기 버전 - 아마도 1.0 인 JavaOne 2016에 게시 될 것입니다. 그때까지는 아래의 제조법을 따르십시오.

우리는 아직 <b:radioButton />를 구현하지 않은,하지만 당신은 숨겨진 입력 필드와 약간의 자바 스크립트 코드를 추가하여 시뮬레이션 할 수 있습니다 : 당신이 AJAX를해야하는 경우

<b:panel title="Survey" look="primary"> 
    <p>Which Java version do you use?</p> 
    <div class="radio"> 
     <label onclick="$('.hidden-optradio').val(7)"> 
     <input type="radio" name="optradio" value="7" /> 
     Java 7 
     </label> 
    </div> 
    <div class="radio"> 
    <label onclick="$('.hidden-optradio').val(8)"> 
     <input type="radio" name="optradio" value="8" /> 
     Java 8 
     </label> 
    </div> 
    <h:inputText value="#{radiobuttonBean.javaVersion}" styleClass="hidden-optradio" pt:type="hidden" /> 
    <script>$('input[name=optradio][value=#{radiobuttonBean.javaVersion}]').attr("checked", "checked");</script> 
    <b:commandButton value="submit your choice" action="#{radiobuttonBean.submit}" look="primary" /> 
    <b:messages /> 
    </b:panel> 

가 숨겨진 <b:commandButton update="someRegion" onclick="ajax:myBean.myMethod()" />를 추가하여 구현하고 전화를 click() 레이블의 핸들러 이 단추의 방법 :

<label onclick="$('.hidden-optradio').val(8);$(.ajax-button).click();"> 
    <input type="radio" name="optradio" value="8" /> 
    Java 8 
    </label> 
</div> 
... 
<b:commandButton value="submit your choice" 
       action="#{radiobuttonBean.submit}" look="primary" 
       update="@form" 
       style-class="hidden ajax-button" 
       />