1

我有一个表单，我需要在其中有看起来像引导切换按钮的单选按钮。我通过在按钮组中使用命令按钮并设置属性来实现这一点data-toggle="buttons-radio"，如下所示：

<div id="flightChoiceButtons" class="btn-group" data-toggle="buttons-radio">
    <h:commandButton type="button" styleClass="btn btn-inverse" value="One Way"><f:ajax render="flexibleDates" listener="#{searchFlightsBean.setDirectionOneWay}"/></h:commandButton>
    <h:commandButton type="button" styleClass="btn btn-inverse" value="Round Trip"><f:ajax render="flexibleDates" listener="#{searchFlightsBean.setDirectionRoundtrip}"/></h:commandButton>
</div>

我现在遇到的问题是，当页面加载时，我需要选择“往返”按钮，或者处于关闭状态。我不需要触发按钮的 ajax 调用，因为页面上显示的数据已经处于它需要的状态。

有人有想法么？

如果需要更多信息，我很乐意提供。

4

1 回答 1

1

active引导按钮的活动状态由样式类的存在来标识。知道了这一点，您就可以让 JSF 有条件地打印样式类。您的模型的设置方式尚不清楚，因此这里只是一个启动示例，前提是您有一个#{searchFlightsBean.direction}返回枚举的属性。

<h:commandButton ... styleClass="btn btn-inverse #{searchFlightsBean.direction == 'ONE_WAY' ? 'active' : ''}">...</h:commandButton>
<h:commandButton ... styleClass="btn btn-inverse #{searchFlightsBean.direction == 'ROUND_TRIP' ? 'active' : ''}">...</h:commandButton>

您可以用#{searchFlightsBean.direction == '...'}任何其他布尔条件替换该部分。您可以在此答案中找到示例：有条件地显示 JSF 组件。

于 2013-09-05T11:50:20.970 回答