(JSF,primefaces) faire apparaître un composant avec ajax

**olivier57b** · 25/01/2011, 23h03

oui, je n'arrive pas à le faire.

voici mes 2 fichiers :

index.xhtml
---------------

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
 
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:p="http://primefaces.prime.com.tr/ui"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <p:panel header="Hello From">
            <p:linkButton href="http://www.primefaces.org/labs" value="Prime Faces"/>
        </p:panel>
 
        <br/>
 
        <h:form id="form1">
 
            <h:commandButton id="cb1" value="cliquez-moi!">
                <p:ajax actionListener="#{bean.magie}" update="form1:it1"/>
            </h:commandButton>
            <h:outputText id="it1" rendered="#{bean.ok}" value="ça marche"></h:outputText>
 
        </h:form>
 
 
 
    </h:body>
</html>

et Bean.java
-----------------

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
34
35
36
37
38
39
40
41
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
 
package beans;
 
import javax.inject.Named;
import javax.enterprise.context.SessionScoped;
import java.io.Serializable;
 
/**
 *
 * @author lolveley
 */
@Named(value="bean")
@SessionScoped
public class Bean implements Serializable{
 
    /** Creates a new instance of Bean */
    public Bean() {
        ok=false;
    }
 
    boolean ok;
 
    public boolean isOk() {
        return ok;
    }
 
    public void setOk(boolean ok) {
        this.ok = ok;
    }
 
 
    public String magie(){
 
        ok=true;
        return("");
 
    }

pouvez-vous m'aider à faire ça?
olivier

ps : j'utilise netbeans avec JSF 2.0 et primefaces 2.1

**romaintaz** · 26/01/2011, 10h17

Bonjour,

Jette un oeil sur ma réponse à un autre sujet, relativement proche de ton cas.

En gros, tu ne peux pas rafraichir avec Ajax un élément qui n'existe initialement pas dans la page (car son rendered est à false). Il faut encapsuler cet élément dans un autre, qui existe toujours, puis rafrachir celui-ci. Ton code donnerait :

Code xml :

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

1
2
3
4
5
6
7
8
<h:form id="form1">
    <h:commandButton id="cb1" value="cliquez-moi!">
        <p:ajax actionListener="#{bean.magie}" update="form1:it1"/>
    </h:commandButton>
    <h:panelGroup id="it1">
        <h:outputText rendered="#{bean.ok}" value="ça marche"/>
    </h:panelGroup>
</h:form>

**olivier57b** · 27/01/2011, 03h28

salut,
merci!

eh bien ça ne marche pas.

voici mon code:

index.xhtml
-----------

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
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <p:panel header="Hello From">
            <p:linkButton href="http://www.primefaces.org/labs" value="Prime Faces"/>
        </p:panel>
 
 
        <h:form id="form1">
            <h:commandButton id="cb1" value="cliquez-moi!">
                <p:ajax actionListener="#{bean.magie}" update="form1:it1"/>
            </h:commandButton>
            <h:panelGroup id="it1">
                <h:outputText rendered="#{bean.ok}" value="ça marche"/>
            </h:panelGroup>
        </h:form>
    </h:body>
</html>

à noter : j'ai un petite erreur dans le fichier xhtml : netbeans tique à propos de l'élément h:head fils de l'élément html.
idem pour l'élément h:body.
mais cela n'empêche pas d'afficher la page.

d'où vient l'erreur?

olivier.

**olivier57b** · 27/01/2011, 03h49

ça marche!

voici le code:

Code :

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

1
2
3
4
5
6
7
8
9
 
<h:form id="form1">
            <p:commandButton actionListener="#{bean.magie}" ajax="true" update="form1:it1"
                             value="Click me" >
            </p:commandButton>
            <h:panelGroup id="it1">
                <h:inputText rendered="#{bean.ok}" id="it2"/>
            </h:panelGroup>
        </h:form>

merci pour votre aide!

olivier

**romaintaz** · 27/01/2011, 08h30

Envoyé par olivier57b

à noter : j'ai un petite erreur dans le fichier xhtml : netbeans tique à propos de l'élément h:head fils de l'élément html.
idem pour l'élément h:body.
mais cela n'empêche pas d'afficher la page.

d'où vient l'erreur?

<h:head> et <h:body> sont des balises intégrées à JSF 2. Peut-être que Netbeans ne les connait pas. Une mise à jour de NB pourrait résoudre ce problème, mais bon, ce n'est pas sûr (je n'utilise pas NB).

(JSF,primefaces) faire apparaître un composant avec ajax

JSF Java

Discussions similaires

Partager

Partager