Sri*_*Sri 1 primefaces jsf-2 liferay-6
我在我的应用程序中使用Primefaces 3.3.1,JSF 2.0和Liferay 6.0.我将我的JS文件包含在portal_normal.vm中,如下所示
portal_normal.vm
<html class="#language("lang.dir")" dir="#language("lang.dir")" lang="$w3c_language_id">
<head>
<title>$the_title - $company_name</title>
<script src="$javascript_folder/jquery-1.7.2.min.js"></script>
<script src="$javascript_folder/javascript.js"></script>
<script src="$javascript_folder/jquery.tablesorter.min.js"></script>
<script src="$javascript_folder/jquery.tablesorter.pager.js"></script>
<script src="$javascript_folder/jquery.autocomplete.js"></script>
<script src="$javascript_folder/jquery.simplemodal.1.4.2.min.js"></script>
<script src="$javascript_folder/jquery.scrollTo.js"></script>
<script src="$javascript_folder/ui.datepicker.js"></script>
$theme.include($top_head_include)
</head>
<body></body>
</html>
Run Code Online (Sandbox Code Playgroud)
sample.xhtml:
<div xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
lang="en" xml:lang="en" style="padding-bottom: 8px;">
<h:head>
<script type="text/javascript" src="#{lookupBean.themePath}/js/jquery-1.7.2.min.js" />
<script type="text/javascript" src="#{lookupBean.themePath}/js/javascript.js" />
<script type="text/javascript" src="#{lookupBean.themePath}/js/jquery.tablesorter.min.js" />
<script type="text/javascript" src="#{lookupBean.themePath}/js/ui.datepicker.js" />
</h:head>
<h:body></h:body>
</div>
Run Code Online (Sandbox Code Playgroud)
Prime面需要h:head才能包含在视图中.当我将h:head添加到我的xhtml时,没有导入任何js文件.能告诉我如何将.js添加到h:head中吗?
portal_normal.vm文件旨在作为门户网站页面的模板,并包含在Liferay主题中.您不需要将任何PrimeFaces或jQuery相关资源添加到此模板的head部分.相反,只需创建一个PrimeFaces portlet并在Facelet视图中使用h:head.如果你这样做,那么PrimeFaces将在JSF生命周期中自动添加所需的资源,Liferay Faces Bridge将负责将它们注入到门户页面的<head> ... </ head>部分.我建议您查看primefaces3-portlet演示以获取更多信息.
| 归档时间: |
|
| 查看次数: |
1365 次 |
| 最近记录: |