Ajout d'un bouton « + » à droite d'un champ texte qui fait apparaître 3 champs dynamiquement

**leroisafir** · 18/07/2014, 05h36

Bonjour,

Je souhaite ajouter un bouton « + » à droite d'un champ texte comme dans l'image ci dessous (le résultat souhaité):
Mais j'ai un problème au niveau du bouton (+) de deuxième champs qui n'affiche pas le troisième champs..est ce que vous avez une idée
Nom : champs.jpg
Affichages : 134
Taille : 13,2 Ko

Nom : champs.jpg
Affichages : 134
Taille : 13,2 Ko

merci pour votre aide

voici le code que j'ai développé

la page 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
31
32
33
34
35
36
<?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">
    <h:head>
    </h:head>
    <h:body>
        <h:form >
 
            <h:panelGroup id="display0"  > 
                <div></div>
 
 
                <p:inputText id="champs1"          value="#{monBean.champs1}"     />
                <p:commandButton  value="+"   rendered="#{monBean.boutton1}"   action="#{monBean.afficherLigne2()}"  update="display0" />                     
                <div></div>
 
                 <h:panelGroup  rendered="#{nomDomaines.afficherChamps2}" >
                 <p:inputText id="champs2"      value="#{monBean.champs2}"    />
                <h:panelGroup>
                <p:commandButton  value="+"       action="#{monBean.afficherLigne3()}"   rendered="#{monBean.boutton2}"   update="display0"          />      
 
 
                <div></div>   
                <h:panelGroup  rendered="#{nomDomaines.afficherChamps3}" >
                <p:inputText id="champs3"       value="#{monBean .champs3}"    />
                <h:panelGroup>
                <div></div> 
 
                <div></div>                    
            </h:panelGroup>
 
 
        </h:form>
 
    </h:body>
</html>

le code 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
import java.io.Serializable;
import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
 
 
@ManagedBean
public class MonBean implements Serializable {
 
    private String champs1;
 
    private String champs2;
 
    private String champs3;
 
    private boolean boutton1;
    private boolean boutton2;
    private boolean boutton3;
 
    private boolean afficherChamps2;
    private boolean afficherChamps3;
 
    @PostConstruct
    public void init() {
        boutton1 = true;
    }
 
    public void afficherLigne2() {
        boutton1 = false;
        boutton2 = true;
        boutton3 = false;
        afficherChamps2 = true;
        afficherChamps3 = false;
    }
 
    public void afficherLigne3() {
        boutton1 = false;
        boutton2 = false;
        boutton3 = true;
        afficherChamps2 = true;
        afficherChamps3 = true;
    }
 
    public boolean getBoutton1() {
        return boutton1;
    }
 
    public void setBoutton1(boolean boutton1) {
        this.boutton1 = boutton1;
    }
 
    public boolean getBoutton2() {
        return boutton2;
    }
 
    public void setBoutton2(boolean boutton2) {
        this.boutton2 = boutton2;
    }
 
    public boolean isBoutton3() {
        return boutton3;
    }
 
    public void setBoutton3(boolean boutton3) {
        this.boutton3 = boutton3;
    }
 
    public boolean isAfficherChamps2() {
        return afficherChamps2;
    }
 
    public void setAfficherChamps2(boolean afficherChamps2) {
        this.afficherChamps2 = afficherChamps2;
    }
 
    public boolean isAfficherChamps3() {
        return afficherChamps3;
    }
 
    public void setAfficherChamps3(boolean afficherChamps3) {
        this.afficherChamps3 = afficherChamps3;
    }
 
    public String getChamps1() {
        return champs1;
    }
 
    public void setChamps1(String champs1) {
        this.champs1 = champs1;
    }
 
    public String getChamps2() {
        return champs2;
    }
 
    public void setChamps2(String champs2) {
        this.champs2 = champs2;
    }
 
    public String getChamps3() {
        return champs3;
    }
 
    public void setChamps3(String champs3) {
        this.champs3 = champs3;
    }
 
}

Ajout d'un bouton « + » à droite d'un champ texte qui fait apparaître 3 champs dynamiquement

Développement Web en Java

Mode arborescent

Discussions similaires

Partager

Partager