如何仅在未呈现另一个组件时呈现一个组件

Question

我有一个页面，用户可以通过Android，iPhone，BlackBerry或通过未知浏览器访问。我有 4 个rich:panel，每个平台一个，后者是通用的。

代码：

<rich:panel id="dlAndroid" rendered="#{fn:containsIgnoreCase(request.getHeader('User-Agent'), 'Android')}">
    ...
</rich:panel>
<rich:panel id="dlIphone" rendered="#{fn:containsIgnoreCase(request.getHeader('User-Agent'), 'iPhone')}">
    ...
</rich:panel>
<rich:panel id="dlBlackberry" rendered="#{fn:containsIgnoreCase(request.getHeader('User-Agent'), 'BlackBerry')}">
    ...
</rich:panel>
<rich:panel id="dlGeneric" rendered="#{ ---> WHAT TO WRITE HERE? <--- }">

如何仅在未渲染其他rich:panel的情况下渲染最后一个？

Answer 1

就这一点而言，标题中所述的问题可以具体回答为：

<rich:panel binding="#{panel1}" ...>
    ...
</rich:panel>
<rich:panel binding="#{panel2}" ...>
    ...
</rich:panel>
<rich:panel binding="#{panel3}" ...>
    ...
</rich:panel>
<rich:panel ... rendered="#{not panel1.rendered and not panel2.rendered and not panel3.rendered}">
    ...
</rich:panel>

但是，在这种特殊情况下，最好用 <c:set> 来别名这些冗长的表达式：

<c:set var="android" value="#{fn:containsIgnoreCase(header['User-Agent'], 'Android')}" scope="request" />
<c:set var="iPhone" value="#{fn:containsIgnoreCase(header['User-Agent'], 'iPhone')}" scope="request" />
<c:set var="blackBerry" value="#{fn:containsIgnoreCase(header['User-Agent'], 'BlackBerry')}" scope="request" />
<rich:panel ... rendered="#{android}">
    ...
</rich:panel>
<rich:panel ... rendered="#{iPhone}">
    ...
</rich:panel>
<rich:panel ... rendered="#{blackBerry}">
    ...
</rich:panel>
<rich:panel ... rendered="#{not android and not iPhone and not blackBerry}">
    ...
</rich:panel>

请注意，有一种较短的方法可以通过隐式#{header}映射获取请求标头。

Answer 2

您可以使用

<c:choose>
<c:when test="#{fn:containsIgnoreCase(request.getHeader('User-Agent'), 'Android')}">
<rich:panel id="dlAndroid">
...
</rich:panel>
</c:when>
<c:when test="#{fn:containsIgnoreCase(request.getHeader('User-Agent'), 'iPhone')}">
<rich:panel id="dlIphone">
...
</rich:panel>
</c:when>
<c:otherwise>
<rich:panel id="dlGeneric">
    ...
</rich:panel>
</c:otherwise>
<c:choose>

我认为您正在使用一种逻辑来确定在同一页面上的 POSTS 之间不会更改的浏览器类型，因此在这里使用 JSTL 标签对我来说似乎是安全的。JSTL 标记在页面的创建视图期间只会执行一次。

但是，如果您正在测试某些模型变量的条件，那么最好将每个面板包装在 ui：fragment 中，例如

<ui:fragment rendered="#{fn:containsIgnoreCase(request.getHeader('User-Agent'), 'Android')}">
    <rich:panel id="dlAndroid">
    ...
    </rich:panel>
<ui:fragment>

Answer 3

您可以在受管 Bean 方法上编写此验证，因此它将验证用户代理是否符合第 4 个选项。例：

public boolean userAgentUnknownBrowser() {
// Verify if contains the user-agent String
}

在您的页面上，您只需使用此方法：

<rich:panel id="dlGeneric" rendered="#{myBean.userAgentUnknownBrowser()}">