仅当未渲染另一个组件时如何渲染组件？

Question

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

代码：

<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 都没有渲染的情况下，我如何才能渲染最后一个 rich:panel？

Answer 1

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

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

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

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

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>

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

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

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

Answer 3

题外话，题主的问题具体可以这样回答：

<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} 映射获取请求标头的方法更短。