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主题被自定义模板覆盖

回答

相关问题