从PrimeFaces 3.0开始,它提供了非常可定制的资源排序。 请参阅以下顺序:
1.如果定义了“第一”方面。
<f:facet name="first">
<!-- load css, js or others -->
</f:facet>
2. PrimeFaces – JSF注册的CSS。
3. PrimeFaces –主题CSS。
4.“中间”构面(如果已定义)。
<f:facet name="middle">
<!-- load css, js or others -->
</f:facet>
5. PrimeFaces – JSF注册的JS。
6. h:头内容。
<h:head>
<!-- load css, js or others -->
</h:head>
7.“最后一个”构面(如果已定义)。
<f:facet name="last">
<!-- load css, js or others -->
</f:facet>
1.例子
一个常见的用例是通过“ 第一个 ”构面添加“元”标记,并通过“ 最后一个 ”构面覆盖“ css”。 “中间”构面很少使用。
demo.xhtml
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:head>
<h:outputStylesheet library="default" name="css/bootstrap.css" />
<h:outputScript library="primefaces" name="jquery/jquery.js" />
<f:facet name="first">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Resource ordering in PrimeFaces</title>
</f:facet>
</h:head>
<h:body>
<f:facet name="last">
<h:outputStylesheet library="default" name="css/style.css" />
</f:facet>
</h:body>
2.结果
上面的JSF标签将生成以下HTML输出:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- comment : "first" faces -->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Resource ordering in PrimeFaces</title>
<!-- comment : PF-JSF registered CSS or Theme CSS -->
<link type="text/css" rel="stylesheet"
href="/mkyong/javax.faces.resource/css/bootstrap.css.jsf?ln=default&v=1_0" />
<link type="text/css" rel="stylesheet"
href="/mkyong/javax.faces.resource/primefaces.css.jsf?ln=primefaces" />
<!-- comment : "last" faces -->
<link type="text/css" rel="stylesheet"
href="/mkyong/javax.faces.resource/css/style.css.jsf?ln=default&v=1_0" />
<script type="text/javascript"
src="/mkyong/javax.faces.resource/jquery/jquery.js.jsf?ln=primefaces">
</script>
<script type="text/javascript"
src="/mkyong/javax.faces.resource/primefaces.js.jsf?ln=primefaces">
</script>
</head>
<body>
...
</body>
...
参考文献
标签: primefaces 资源
翻译自: https://mkyong.com/jsf2/primefaces/resource-ordering-in-primefaces/