1

アプリで 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> 

サンプル.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>

主な顔には、ビューに含まれる h:head が必要です。h:head を xhtml に追加すると、どの js ファイルもインポートされません。.js を h:head に追加する方法を教えてください。

4

2 に答える 2

5

portal_normal.vmファイルは、ポータルページのテンプレートとして設計されており、Liferayテーマに含まれています。このテンプレートのヘッドセクションにPrimeFacesまたはjQuery関連のリソースを追加する必要はありません。代わりに、PrimeFacesポートレットを作成し、Faceletビュー内でh:headを使用するだけです。これを行うと、PrimeFacesはJSFライフサイクル中に必要なリソースを自動的に追加し、LiferayFacesBridgeがポータルページの<head>...</head>セクションにそれらを挿入します。詳細については、 primefaces3-portletデモを参照することをお勧めします。

于 2012-09-06T21:24:36.163 に答える