单选按钮不切换答案

【问题标题】：Radio buttons not toggling单选按钮不切换
【发布时间】：2013-09-10 10:44:00
【问题描述】：

我的单选按钮的样式看起来像引导切换按钮，如下所示：

<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

但是，问题在于单击按钮不会切换它们。连接到它们的事件会触发，但不会切换。我在这里做了什么傻事，还是有一些我不知道的警告？

【问题讨论】：

标签： css jsf twitter-bootstrap radio-button commandbutton

【解决方案1】：

您需要将 render 属性添加到您的 ajax 标记中。它默认为“无”。 @this 应该可以解决您的问题。

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

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

编辑： @this 很可能不是您要查找的内容，而是 @form 或您排序的列表所在的容器 ID。

【讨论】：