多个字段的条件显示 - JSF 2.0 / Primefaces

Question

有条件地显示多个元素（例如依赖于 bean 值的字段列表）的最佳策略是什么？

我想到的可能的解决方案：

1. JSTL 子句。从我 了解将 JSTL 与 JSF 结合使用是 不鼓励
2. 使用“渲染” 大多数组件的属性。 不幸的是当我必须处理时 有很多字段就变成了 笨拙地将它们设置在每个元素上......
3. 将元素放在容器上 并设置渲染属性 在容器上

选项 3 似乎是最明智的，但我不知道使用什么组件来包装这些字段。它需要是一个不影响布局的组件...

我可以使用 span 作为包装器并设置 CSS 可见属性，但字段仍然会被渲染，只是不可见。

有什么想法吗？

更新：

这是一些实际的布局代码。我已经尝试过 & 。使用任何这些标签都会将我的所有字段放入一个 中，我承认，这是有道理的，因为我将一个顶级元素放入我的 panelGrid.

唯一能按照我想要的方式工作的是上面列表中的#2。

    <h:panelGrid columns="2">
        <!-- fields if person -->
        <ui:fragment rendered="#{createEntity.entityType eq 'fizica'}">
            <h:outputLabel value="Prenume: " />
                <h:inputText value="#{createEntity.person.firstName}" />
            <h:outputLabel value="Nume familie: " />
                <h:inputText value="#{createEntity.person.familyName}"  />
            <h:outputLabel value="CNP: " />
                <h:inputText value="#{createEntity.person.cnp}" />
            <h:outputLabel value="Date carte identitate: " />
                <h:inputText value="#{createEntity.person.idCardInfo}" />
            <h:outputLabel value="Cetatenie: " />
                <h:inputText value="#{createEntity.person.country}" />
        </ui:fragment>

        <!--  fields for company  -->
        <ui:fragment rendered="#{createEntity.entityType eq 'juridica'}">           
            <h:outputLabel value="Denumire firma"  />
                <h:inputText value="#{createEntity.company.name}" />
            <h:outputLabel value="CUI"  />
                <h:inputText value="#{createEntity.company.cui}" />
            <h:outputLabel value="Registrul Comertului"  />
                <h:inputText value="#{createEntity.company.regCommerceNo}" />
        </ui:fragment>
    </h:panelGrid>  

Answer 1

渲染是显示（或不显示）组件的推荐方式。

如果您可以将它们分组在一起，那么设置容器的渲染属性是完全有效的。我会优先这样做，而不是在每个单独的组件上设置渲染属性。

唯一的小缺点是，如果显示是动态的（您更改支持 bean 值），并且需要重新显示容器，则它不存在。您需要将容器包装在另一个容器中，然后重新渲染。

Answer 2

您可以使用 h:panelGroup 作为容器。它具有渲染属性并将产生跨度（默认情况下）。

Answer 3

我不得不求助于 using ，因为当我将列值包装在另一个组件（如 ui:fragment 或 h:panelGroup）中以使用该组件的渲染时，panelGrid 将整个 ui 片段视为一列，这确实弄乱了我的表格。

<c:if test="#{myBean.displayThese}">
   <!-- columns to display for this condition -->
</c:if>
<c:if test="#{!myBean.displayThese}">
   <!-- other stuff to display -->
</c:if>

令人惊讶的是， 似乎对我不起作用。

Answer 4

丑陋，但也许对你有用，通过条件风格：

<h:component value="foo" style="#{!myBean.displayFoo ? 'display: none;' : ''}" />

Answer 5

如果您的请求是数据库变量值的条件：

<c:if test="#{myObject.mycolumnTableDB==value1}">
   <!-- columns to display for this condition -->
</c:if>
<c:if test="#{myObject.mycolumnTableDB==value2}">
   <!-- other stuff to display -->
</c:if>