[PrimeFaces] Problème d'affichage

**DarkVador85** · 12/03/2013, 14h38

Bonjour,

J'ai un problème avec JSF.

A l'exécution de ma page xhtml, je n'obtiens que les outputtext, sans le bouton, ni les inputtext et il n'y a pas d'exception. Sachant que j'ai ajouté le JAR primefaces 3-3

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<f:view xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
 
<h:head></h:head> 
<body> 
<h:form id="form">
<p:growl showDetail="true" sticky="true"></p:growl>
<p:panel header="Ajouter Article" toggleable="true">
<h:panelGrid columns="3" cellpadding="4" cellspacing="4">
 
<h:outputText value="Code" />
<p:inputText id="code" value="#{createArticleCtrl.article.code_Art}" required="true"></p:inputText>
<p:message for="code"></p:message>
<h:outputText value=" Nom" />
<p:inputText id="Nom" value="#{createArticleCtrl.article.nom_art}" required="true"></p:inputText>
<p:message for="Nom"></p:message>
<h:outputText value="Prix" />
<p:inputText id="Prix" value="#{createArticleCtrl.article.prix_HTVA}" required="true" ></p:inputText>
<p:message for="Prix"></p:message>
<p:commandButton value="Valider" action="#{createArticleCtrl.doAddArticle()}" update="form"></p:commandButton>
</h:panelGrid>
 
 
</p:panel>
</h:form>
 
</body> 
 
</f:view>

Quelqu'un saurait-il m'indiquer d'où peut venir le problème ?

Merci d'avance pour votre aide.

**fxrobin** · 12/03/2013, 16h52

Bonjour,

à la place de f:view, mets html
à la place de body, mets h:body

J'ai deux questions pour pouvoir t'aider :

1 - comment s'appelle physiquement ton fichier ?
2 - quel est le mapping d'URL vers la Servlet de JSF dans ton /WEB-INF/web.xml ?

De plus, peux-tu mettre une capture d'écran de ce que tu obtiens ainsi que le code HTML retourné au navigateur (clic droit, afficher la source)

**DarkVador85** · 13/03/2013, 01h12

J'ai changé comme vous m'avez conseillé mais c'est la meme chose, mais ce que je voulais dire c'est que j'ai vu une vidéo avec f:view au lieu de html et ca a marché pour lui.

1-Mon fichier s'apelle ajouterArticle.xhtml
2- voici ci joint le fichier web.xml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0">
  <display-name>edu.esprit.pfeProjectWeb</display-name>
  <servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
  </servlet-mapping>
</web-app>

Et voila le code source de la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:p="http://primefaces.org/ui"><head></head><body>
<form id="form" name="form" method="post" action="/edu.esprit.pfeProjectWeb/faces/ajouterArticle.xhtml" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="form" value="form" />
 
<p:growl showDetail="true" sticky="true"></p:growl>
<p:panel header="Ajouter Article" toggleable="true"><table cellpadding="4" cellspacing="4">
<tbody>
<tr>
<td>Code</td>
<td>
<p:inputText id="code" value="0" required="true"></p:inputText>
<p:message for="code"></p:message></td>
<td> Nom</td>
</tr>
<tr>
<td>
<p:inputText id="Nom" required="true"></p:inputText>
<p:message for="Nom"></p:message></td>
<td>Prix</td>
<td>
<p:inputText id="Prix" value="0" required="true"></p:inputText>
<p:message for="Prix"></p:message>
<p:commandButton value="Valider" update="form"></p:commandButton></td>
</tr>
</tbody>
</table>
 
 
 
</p:panel><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="-6125831200178489161:-5323908101614772598" autocomplete="off" />
</form></body> 
 
</html>

**fxrobin** · 13/03/2013, 08h09

Comme tu peux le voir dans le code de la page HTML, ta page a été renvoyée directement sans que les tags primefaces n'ait été interprétés. En revanches, les tags JSF ont bien été interprétés ce qui montre que le config JSF semble être bonne.

Donc mes questions :
- quel est ton serveur web ? (Tomcat ? GlassFish ?)
- quelle est sa version ?
- as-tu bien mis le JAR de PrimeFaces dans WEB-INF/lib ?

**DarkVador85** · 13/03/2013, 10h19

Mon serveur c'est Jboss 7.1.

En ce qui concerne le JAR, il doit etre obligatoirement dans lib sous WEB-INF ?? Parce que tous mes Jars sont sous Java Resource/Librairie

**fxrobin** · 13/03/2013, 13h36

Oui obligatoirement.

Ne confonds pas le "ClassPath" de ton projet sous Eclipse et le packaging de l'application web qui doit FORCEMENT inclure les librairies dont ton application dépend.

C'est à dire à la difference entre "compile time" et "run time"

[PrimeFaces] Problème d'affichage

JSF Java

Vue hybride

Discussions similaires

Partager

Partager