0

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

<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

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

4

1 回答 1

2

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

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

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

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

于 2013-09-06T11:05:14.580 回答