为什么 <ui:fragment rendered> 没有对 <h:outputStylesheet> 和 <h:outputScript>

问题描述 投票：0回答：1

我有一个 JSF 2 主模板，如下：

<!DOCTYPE html>
<html lang="#{localeManager.language}" 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html">

    <f:view locale="#{localeManager.locale}">
        <h:head>
            <meta charset="UTF-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta name="viewport" content="width=device-width, initial-scale=1" />
            <title><ui:insert name="title">Default Title.</ui:insert></title>

            <!-- Development Stylesheets -->
            <ui:fragment rendered="#{facesContext.application.projectStage eq 'Development'}">
                <h:outputStylesheet name="css/bootstrap.css" library="bootstrap" />
                <h:outputStylesheet name="css/font-awesome.css" library="fontawesome" />
            </ui:fragment>

            <h:outputStylesheet name="css/main.css" library="core" />
            <ui:insert name="header-stylesheet" />

            <!-- Production Stylesheets -->
            <ui:fragment rendered="#{facesContext.application.projectStage eq 'Production'}">
                <h:outputStylesheet name="css/bootstrap.min.css" library="bootstrap" />
                <h:outputStylesheet name="css/font-awesome.min.css" library="fontawesome" />
            </ui:fragment>

            <ui:insert name="header-script" />
        </h:head>

        <h:body>
            <div id="wrapper">
                <div id="header">
                    <ui:insert name="header">Default content</ui:insert>
                </div>

                <div id="body">
                    <ui:insert name="body">Default body</ui:insert>
                </div>

                <div id="footer">
                    <ui:insert name="footer">Default footer</ui:insert>
                </div>
            </div>

            <!-- Development Scripts -->
            <ui:fragment rendered="#{facesContext.application.projectStage eq 'Development'}">
                <h:outputScript name="jquery-2.1.4.js" library="jquery" />
                <h:outputScript name="js/bootstrap.js" library="bootstrap" />
            </ui:fragment>

            <!-- Production Scripts -->
            <ui:fragment rendered="#{facesContext.application.projectStage eq 'Production'}">
                <h:outputScript name="jquery-2.1.4.min.js" library="jquery" />
                <h:outputScript name="js/bootstrap.min.js" library="bootstrap" />
            </ui:fragment>
            <ui:insert name="body-script" />
        </h:body>
    </f:view>
</html>

在 Wildfly 9.0.1 Final 中部署它时，我看到我的所有 

<ui:fragment>
属性都被渲染了。这是为什么？我正在使用 JSF 2.2 框架进行开发。

My Faces 项目阶段是 

Development
。

注意： 在SO中关于这个问题的所有答案中，没有一个是这个问题的解决方案（所以我做了我的作业）。

jsf jsf-2 facelets conditional-rendering
1个回答
3
投票

<h:outputStylesheet>
和
<h:outputScript>
是特殊组件。他们将在视图构建期间通过 
UIViewRoot#addComponentResource()
 将声明的样式表或脚本资源添加到视图中（请参阅此处的 Mojarra 源代码）。

这与组件或其父组件的 

rendered
条件无关。实际上，它们基本上被重新定位到 
<h:head>
或 
<h:body>
的最末端，具体取决于 
target
属性的值，导致它们不再位于 
<ui:fragment>
内部。

然后，在渲染过程中，仅考虑它们自己的 

rendered
属性（实际上也考虑 
<h:head>
的属性，但这毫无意义）。

您有 2 个选择：

  1. 使用视图构建时间标签有条件地将它们添加到视图中。项目阶段条件无论如何都是应用范围内的。

     <!-- Development Stylesheets -->
 <c:if test="#{facesContext.application.projectStage eq 'Development'}">
     <h:outputStylesheet ... />
     <h:outputStylesheet ... />
 </c:if>

 <!-- Production Stylesheets -->
 <c:if test="#{facesContext.application.projectStage eq 'Production'}">
     <h:outputStylesheet ... />
     <h:outputStylesheet ... />
 </c:if>

  2. 检查组件资源自身的

    rendered
    属性中的条件。如有必要，请使用 
    <c:set>
    创建一个短 EL 变量。

     <c:set var="dev" value="#{facesContext.application.projectStage eq 'Development'}" scope="application" />

 <!-- Development Stylesheets -->
 <h:outputStylesheet ... rendered="#{dev}" />
 <h:outputStylesheet ... rendered="#{dev}" />

 <!-- Production Stylesheets -->
 <h:outputStylesheet ... rendered="#{not dev}" />
 <h:outputStylesheet ... rendered="#{not dev}" />

另请参阅：

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.