jsf - 根据 的值有条件地渲染

Question

我正在使用 jsf primefaces。我想根据特定 outputext 的值显示图像。如果文本值为“Alarm *”，则将出现一个带有特定图像的 div。如果值为“Alarm **”，则会出现带有其他图像的 div，等等。我尝试了下面的代码，但它对我不起作用。

<h:outputText id="alarmCriticalityValue" value="#{msg[summary.criticality.key]}" />

<c:if test="#{alarmCriticalityValue=='Alarm *'}">
   <div class="alarm1"></div>
</c:if>

我应该如何实现这个想法？

Answer 1

您需要使用 binding放置 UIComponent 的属性EL 范围内的实例。 id属性不会那样做，这与您的预期相反。

<h:outputText binding="#{alarmCriticality}" ... />

然后你需要使用 UIOutput#getValue()获得它的value属性。

<c:if test="#{alarmCriticality.value == 'Alarm *'}">

也就是说，您最好使用 rendered属性在这里，特别是如果 #{summary}表示 JSF 迭代组件的当前迭代项，如 <ui:repeat>或 <h:dataTable> .

<h:panelGroup layout="block" styleClass="alarm1"
    rendered="#{alarmCriticality.value == 'Alarm *'}" />

另见:

• How does the 'binding' attribute work in JSF? When and how should it be used?
• How to conditionally render plain HTML elements like <div>s?
• JSTL in JSF2 Facelets... makes sense?

---

与具体问题无关。看到条件渲染依赖于本地化文本很奇怪。如果您更改语言环境和/或本地化文本怎么办？这是非常脆弱的。您最好检查捆绑 key 。

<h:outputText value="#{msg[summary.criticality.key]}" />
<h:panelGroup layout="block" styleClass="alarm1" 
    rendered="#{summary.criticality.key == 'some.alarm.key'}" />

这样您也不再需要绑定(bind)输出文本。