PrimeFaces中的资源排序

最新推荐文章于 2024-08-17 21:31:15 发布

cyan20115

最新推荐文章于 2024-08-17 21:31:15 发布

阅读量204

点赞数

文章标签： xhtml ui java

从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&amp;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&amp;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博客–可定制的资源订购

标签： primefaces 资源

翻译自: https://mkyong.com/jsf2/primefaces/resource-ordering-in-primefaces/

cyan20115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PrimeFaces中的资源排序

从PrimeFaces 3.0开始，它提供了非常可定制的资源排序。请参阅以下顺序： 1.如果定义了“第一”方面。 <f:facet name="first">  </f:facet> 2. PrimeFaces – JSF注册的CSS。 3. PrimeFaces –主题C...
复制链接

扫一扫