2012-05-17 6 views
0

J'ai un datatable avec filtrage, triant n fonctionnalités de pagination. tout fonctionnait bien jusqu'à ce que j'ai appliqué un modèle de conception readymade à mon application. le modèle readymade personnalisé est en train de surcharger le thème par défaut de primefaces je suppose. donc les fonctionnalités de datable ne fonctionnent pas ... maintenant je reçois un datatable simple sans thème ... Je veux appliquer le modèle personnalisé juste pour améliorer la conception de mon application, mais je veux aussi garder le design des composants primefaces comme il est sans changement. que devrais-je faire? pls suggèrent une solution ...primefaces par défaut css thème surchargé par le modèle personnalisé

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

tout ce que vous avez ajouté était un css? ou certains js également inclus? regardez aussi dans votre console firebug pour quelques erreurs aussi vous pourriez vouloir utiliser pour vous assurer que votre coutume les choses seront chargées en premier ... (http://stackoverflow.com/a/10205451/617373) – Daniel

+0

merci pour votre aide, le css fonctionne bien maintenant mais je suppose qu'il y a un problème avec jquery, toujours le datatable ne fonctionne pas ... jetez un oeil à mon code ci-dessous et suggérez une solution, qu'est-ce qui me manque? – z22

Répondre

0

tout ce que vous avez ajouté était un autocommutateur? ou certains js également inclus? également regarder dans votre console Firebug pour quelques erreurs aussi vous voudrez peut-être utiliser

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

pour vous assurer que vos trucs personnalisé sera chargé en premier ...

aussi regarder ici taking care of the order that js files being loaded

êtes-vous par une chance d'essayer d'inclure votre propre bibliothèque jquery? ou tout autre plugin jquery?

EDIT

semble être un conflit jquery me

enlever l'inclure du fichier de bibliothèque jquery supplémentaires

et place ajouter ce qui suit

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

si l'habitude de travail essayez de l'envelopper avec <f:facet name="first"> ... </f:facet>

+0

s'il vous plaît re modifier votre question originale en ajoutant le code dans le commentaire, de sorte qu'il sera lisible ... (aussi, si vous trouvez une autre question utile/utile pour vous, vous pouvez le +1 :) – Daniel

+0

a modifié la question .. – z22

+0

quel nom dois-je donner au ...? erreur: l'attribut name est manquant (pour h: balise outputScrip) – z22

Questions connexes