primefaces默認的css主題被自定義模板覆蓋

我有一個數據表在過濾，排序n分頁功能。所有工作正常，直到我apllied現成的設計模板到我的應用程序。自定義的現成模板正在過濾默認的primefaces主題。所以datatable功能不能正常工作...現在我得到一個無主題的純數據表... 我想應用自定義模板只是爲了增強我的應用程序設計，但我也想保留primefaces組件設計，因爲它是沒有更改。我該怎麼辦？請提出一個解決辦法...primefaces默認的css主題被自定義模板覆蓋

<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>

來源

2012-05-17 z22

所有你添加的是一個CSS？或者一些js也包括在內？也可以在你的螢火蟲控制檯中尋找一些你也可能想使用的錯誤確保你的習慣東西將首先加載...（http://stackoverflow.com/a/10205451/617373） – Daniel

感謝您的幫助，現在的CSS工作正常，但我想有一些jQuery的問題，仍然數據表不工作...看看我的代碼，並提出一些解決方案，我錯過了什麼？ – z22

所有你添加的是CSS？或者一些js也包括在內？也期待在一些錯誤的螢火控制檯還你可能想使用

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

，以確保您的自定義內容都將被首先加載...

也看這裏taking care of the order that js files being loaded

是你的任何機會試圖包括你自己的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-17 07:31:31 Daniel

請重新編輯你原來的問題，在評論中附加代碼，以便它可讀...（另外，如果你發現一些其他問題對你有幫助/有用，你可以+1它:) – Daniel

編輯的問題.. – z22

我應該給 ...什麼名字？錯誤：缺少名稱屬性（對於h：outputScrip標記） – z22

primefaces默認的css主題被自定義模板覆蓋

回答

相關問題