0

n個のページネーション機能をフィルタリング、ソートするデータテーブルがあります。既製のデザインテンプレートをアプリケーションに適用するまで、すべてが正常に機能していました。カスタムの既製のテンプレートは、私が推測するデフォルトのprimefacesテーマを上書きしています。そのため、データテーブル機能が機能していません...テーマのないプレーンなデータテーブルを取得しています...アプリのデザインを強化するためだけにカスタムテンプレートを適用したいのですが、primefacesコンポーネントのデザインを変更せずにそのままにしておきたい。私は何をすべきか？plsは解決策を提案します...

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
   <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/> 
<title>Scrip Master | Dashboard Admin</title> 

    <h:outputStylesheet library="css" name="reset.css"/>
    <h:outputStylesheet library="css" name="text.css"/>
    <h:outputStylesheet library="css" name="layout.css"/>
    <h:outputStylesheet library="css" name="jquery-ui-1.css"/>
    <h:outputStylesheet library="css" name="jquery.css"/>
    <h:outputStylesheet library="css" name="custom.css"/>

<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" title="no title"/> 

<h:outputScript library="js" name="jquery-1.js"/>
<h:outputScript library="js" name="excanvas.js"/>
<h:outputScript library="js" name="facebox.js"/>
<h:outputScript library="js" name="jquery-ui-1.js"/>
<h:outputScript library="js" name="jquery_002.js"/>
<h:outputScript library="js" name="jquery_003.js"/>
<h:outputScript library="js" name="jquery_005.js"/>
<h:outputScript library="js" name="jquery_004.js"/>
<h:outputScript library="js" name="jquery.js"/>
<h:outputScript library="js" name="widgets.js"/>
<h:outputScript library="js" name="dashboard.js"/>

</h:head>
4

1 に答える 1

0

追加したのはcssだけですか？またはいくつかのjsも含まれていますか？また、いくつかのエラーについてfirebugコンソールを調べてください。また、使用したい場合があります

<f:facet name="first"> 
   <h:outputScript ..../>
   <h:outputStylesheet.../> 
</f:facet>

カスタムが最初に読み込まれるようにするには...

こちらもご覧ください。jsファイルがロードされる順序に注意してください

ひょっとして、独自の jquery ライブラリを含めようとしていますか? または他のjqueryプラグイン？

編集

私にはjqueryの競合のようです

追加の jquery ライブラリ js ファイルのインクルードを削除します

代わりに次を追加します

<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
<h:outputScript target="head">
    $ = jQuery;
</h:outputScript>

うまくいかない場合は、それをラップしてみてください<f:facet name="first"> ... </f:facet>

于 2012-05-17T07:31:31.697 に答える