라디오 버튼

Question

다음과 같이 내가 부트 스트랩 토글 버튼처럼 보이도록 스타일되는 라디오 버튼이 있습니다 스타일링 잘 보이는

<h:panelGroup> 
    <div id="sortButtons" class="btn-group" data-toggle="buttons-radio"> 
     <h:commandButton type="button" styleClass="btn btn-inverse active" value="Price"><f:ajax listener="#{searchResultsRoundtripBean.sortByPrice}"/></h:commandButton> 
     <h:commandButton type="button" styleClass="btn btn-inverse" value="Departure"><f:ajax listener="#{searchResultsRoundtripBean.sortByTime}"/></h:commandButton> 
    </div> 
</h:panelGroup> 

, 여기의 이미지입니다 : http://imgur.com/W1ewjCA

문제, 그러나 단추를 클릭해도 단추가 전환되지 않습니다. 그 (것)들에 구부리는 사건은 발사한다, 그러나 그들은 토글되지 않는다. 어리석은 짓을하고있는 것입니까, 아니면 내가 모르는 몇 가지주의 사항이 있습니까?

Answer 1

ajax 태그에 render 속성을 추가해야합니다. 기본값은 'none'입니다. @ 아마도이 상황을 해결해야합니다.

<f:ajax render="@this" listener="..." /> 

http://www.jsftoolbox.com/documentation/help/12-TagReference/core/f_ajax.html

편집 : @this 당신이 찾고, 대신 @form 또는 목록이 정렬있는 컨테이너 ID 무엇을 가장 가능성이 없습니다.