用 JSF 标记替换 <c:if> 和 fn:toUpperCase()

Question

这个例子来自一本关于 JSF 的书。练习是重构以下 Facelets 代码，同时消除 <c:if> 和 fn:toUpperCase()。允许使用<c:forEach>。

#{myBean.numbers} 返回String["one","two","three"]

由于这本书是关于 JSF 而不是 Java，所以我想现有的 Java 代码不会被触及。但我想不出另一种方法来仅在 Facelets 中做到这一点。

<c:forEach var="item" items="#{myBean.numbers}">
    <c:if test="#{not fn:endsWith(item,'o')}">
        #{item}
    </c:if>
    <c:if test="#{fn:endsWith(item,'o')}">
        #{fn:toUpperCase(item)}
    </c:if>
</c:forEach>

我唯一能想到的是使用有条件地使用String#toUpperCase() 的转换器，然后我仍然不明白为什么仍然应该允许使用<c:forEach>：

<ui:repeat var="item" value="#{myBean.numbers}">
     <h:outputText value="#{item}" converter="conditionalConverter"/>
</ui:repeat>

是否有更多的“Facelets 方式”来做到这一点（仍然需要使用<c:forEach>）？

更新： 而不是<c:if>，仍然可以使用例如<h:outputPanel> 是 rendered-attribute，但仍然没有 Java-less 替代 fn:toUpperCase()。

我要求仅用于学习目的。我想带有转换器的<ui:repeat>-解决方案是最干净的，并且最能代表应该如何使用 JSF。你也这么认为吗？

Answer 1

对于<c:if>，JSTL <c:if> 的JSF 替代方案是任何组件上的rendered 属性。例如，<h:panelGroup> 或 <h:outputText>。如果没有指定应以 HTML 结尾的属性（如 id 或 styleClass），则这些组件不会生成额外的标记，否则它们会生成 <span>。

以下是两者的示例：

<h:panelGroup rendered="#{not fn:endsWith(item,'o')}">
    #{item}
</h:panelGroup>
<h:outputText value="#{fn:toUpperCase(item)}" rendered="#{fn:endsWith(item,'o')}" />

对于fn:toUpperCase()，JSF别无选择。我不确定你为什么需要一个 JSF 替代品，因为它本质上不是一个标签，而是一个简单的 EL 函数，它在 JSTL 和 JSF 标签中都可以完美使用。在任何情况下，如有必要，您可以添加 CSS text-transform: uppercase。由于这完全发生在客户端，您唯一的问题可能是browser support。

<h:outputText value="#{item}" style="text-transform: uppercase" />

（注意：这只是一个例子，通常的做法是将样式放在它自己的.css 文件中，您可以通过<h:outputStylesheet> 加载该文件）

<h:outputText value="#{item}" styleClass="uppercased" />

---

我认为带有转换器的解决方案是最干净的，并且最能代表 JSF 应该如何使用。你也这么认为吗？

我非常喜欢“为工作使用正确的工具”。使用 JSTL 标记有条件地构建 JSF 组件树。使用 JSF 组件生成 HTML。而已。另见JSTL in JSF2 Facelets... makes sense?