通过 JSF 中的 BooleanCheckBox 动态更改 styleClass

【问题标题】：Dynamically change styleClass via BooleanCheckBox in JSF通过 JSF 中的 BooleanCheckBox 动态更改 styleClass
【发布时间】：2014-01-08 13:28:06
【问题描述】：

我正在尝试在 JSF 中动态更改 styleClass，并且我希望它可以通过复选框来控制。所以我尝试在 styleClass 属性中使用一行 if-else 条件。

<h:outputText value="valueText" 
                  styleClass="#{pmBean.check}?header-bold:header-normal" />
<p:selectBooleanCheckbox id="checkMsisdn" value="#{pmBean.check}">
    <p:ajax process="checkMsisdn" update="rulesForm:formInternal"/>
</p:selectBooleanCheckbox>

下面的说法有什么问题？

styleClass="#{pmBean.check}?header-bold:header-normal"

【问题讨论】：

标签： css jsf

【解决方案1】：

您在 EL 表达式结束之前关闭了它。应该是：

styleClass="#{pmBean.check ? 'header-bold' : 'header-normal'}"

【讨论】：

它解决了我的问题，但由于我使用 Ajax 调用布尔检查并没有在 styleClass 中传播。我只看到F5之后的变化。我认为应该再使用一个属性。
我假设您必须在单击复选框后更新outputText。给outputText 一个ID（如id="outputText"）并尝试在<p:ajax> 下使用update="outputText"。
就是这样。感谢。它工作正常。我也测试过，将 update="rulesForm:formInternal" 更改为 update="@form" 有效。