Question

我有一个数据表，带有过滤，排序n分页功能。一切正常，直到我将一个现成的设计模板应用到我的应用程序中。我猜，自定义的现成模板覆盖了默认的primefaces主题。所以数据库功能不起作用...现在我得到一个没有主题的普通数据表...... 我想应用自定义模板只是为了增强我的应用程序设计，但我也想保持primefaces组件设计，因为它没有任何变化。我该怎么办？请提出解决方案......

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

Answer 1

你添加的所有内容都是css？或者还包括一些js？也可以在你的firebug控制台中找一些你可能想要使用的错误

<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>
包装它

primefaces默认css主题由自定义模板覆盖

1 个答案: