Discussion :

[david8787]

slt
comment remplir un input text avec un select one menu
voici mon travail

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
<p:selectOneMenu value="#{personneBean.nom}" onchange="setRemarque(this)">
 
 
 
                    <f:selectItem itemLabel="Choisir ... " itemValue="" />
                   <f:selectItems value="#{personneBean.noms}"   var="pers" itemValue="#{pers.nom}" itemLabel="#{pers.nom}"/>
 
 
 
 
				</p:selectOneMenu>
<p:inputText name="prenomper"  id="prenomper" value=""     />
<p:inputText id="ageper" name="ageper" value="" / >
<script type="text/javascript">
function setRemarque(select) {
 
 
   document.getElementById('prenomper').value ="#{pers.prenom}";
   document.getElementById('ageper').value = "#{pers.age}";
}
</script>

ce code affiche des valeurs qui change pas.

[hector_le_dresseur]

Bonjour, le problème provient de ta fonction javascript :

Code :

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

1
2
 
   document.getElementById('prenomper').value ="#{pers.prenom}";

tu affecte statiquement (par rapport à la page HTML) une valeur à "prenomper",
pour remédier à ça il faut que tu extraits la valeur de la même manière ( avec JS) de la liste d'option, par exemple :

Code :

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

1
2
3
4
 
var indexOptions = document.getElementById('idHtmlDuSelectOneMenu') ;
var valeurOption = indexOptions.options[select.selectedIndex].value ;
document.getElementById('prenomper').value = valeurOption;

Une autre solution est d'utiliser l'ajax:
http://www.primefaces.org/showcase/u...yKeyEvents.jsf

Aussi il faut éviter d'utiliser JSF avec les même réflexes que JSP( comme utiliser des EL expressions pour générer le code Javascript). JSF a une approche évènementielle puissante surtout quand elle est enrichie par un jeu de composante comme primefaces.

[david8787]

slt
comment remplir un input text avec un select one menu
voici mon travail

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
<p:selectOneMenu  id="select1"  value="#{personneBean.nom}" onchange="setRemarque(this)">
 
 
 
                    <f:selectItem itemLabel="Choisir ... " itemValue="" />
                   <f:selectItems value="#{personneBean.noms}"   var="pers" itemValue="#{pers.nom}" itemLabel="#{pers.nom}"/>
 
 
 
 
				</p:selectOneMenu>
<p:inputText name="prenomper"  id="prenomper" value=""     />
<p:inputText id="ageper" name="ageper" value="" / >
<script type="text/javascript">
function setRemarque(select) {
var indexOptions = document.getElementById('select1') ;
var valeurOption = indexOptions.options[select.selectedIndex].value ;
document.getElementById('prenomper').value = valeurOption;
 
}
</script>

la liste reste bloque

[ahmedpa]

faut consulter l'attribut valueChangeListener de jsf

[david8787]

faut consulter l'attribut valueChangeListener de jsf

je suis debutant
merci de me donner un petit exemple
avec un select one menu qui contient le nom des personne
un input text affiche le prenom de cette personne.

[bruneltouopi]

tu peux juste utiliser p:ajax

Code :

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

1
2
3
4
5
6
7
8
<p:selectOneMenu value="#{personneBean.nom}" onchange="setRemarque(this)">
                  <f:selectItem itemLabel="Choisir ... " itemValue="" />
                   <f:selectItems value="#{personneBean.noms}"   var="pers" itemValue="#{pers.nom}" itemLabel="#{pers.nom}"/>
 <p:ajax update="prenomper"/>
 
				</p:selectOneMenu>
<p:inputText name="prenomper"  id="prenomper" value="#{personneBean.nom}"     />
</p:selectOneMenu>

[david8787]

tu peux juste utiliser p:ajax

Code :

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

1
2
3
4
5
6
7
8
<p:selectOneMenu value="#{personneBean.nom}" onchange="setRemarque(this)">
                  <f:selectItem itemLabel="Choisir ... " itemValue="" />
                   <f:selectItems value="#{personneBean.noms}"   var="pers" itemValue="#{pers.nom}" itemLabel="#{pers.nom}"/>
 <p:ajax update="prenomper"/>
 
				</p:selectOneMenu>
<p:inputText name="prenomper"  id="prenomper" value="#{personneBean.nom}"     />
</p:selectOneMenu>

ca marche pas.