Discussion :

[john_wili]

bonjour

j'ai une collection qui contient les libelle des article avec la quantité
que je remplis avec un bean voici le code de la jsp

Code :

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

1
2
3
4
5
6
7
8
 
  <layout:collection name="etaStkForm" property="etat"  styleClass="SCROLL" length="2160" styleClass="FORM" width="1080" height="380">
     <layout:collectionItem title="_______ARTICLE______" property="art" sortable="true"></layout:collectionItem>
     <layout:collectionItem title="____PROFIL____" property="prof" sortable="true"></layout:collectionItem>
      <layout:collectionItem title="DESTINATAIRE" property="dest" sortable="true"></layout:collectionItem>
      <layout:collectionItem title="N°SERIE DEBUT" property="start" sortable="true"></layout:collectionItem>
     <layout:collectionItem title="N°SERIE FIN" property="end" sortable="true"></layout:collectionItem>
      <layout:collectionItem title="QTE" property="qte" sortable="true"></layout:collectionItem>

et le code de l'action qui remplit la collection

Code :

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

1
2
3
4
5
6
7
8
9
 
Article article = new Article();
 article.setArt(rs.getString(1).trim());
article.setProf(rs.getString(2).trim());
article.setDest(rs.getString(3).trim());
article.setStart(rs.getString(4).trim());
article.setEnd(rs.getString(5).trim());
 list.add(article);
etaStkForm.setEtat(list);

je veux quand je clique sur une ligne recupérer les valeur des property
"start" et "end" via javascript

comment je peux faire ça ?
merci de me répondre

[c_nvy]

Tu peux ajouter un attribut onclick dans le tag layout:collectionItem pour exécuter une fonction Javascript et passer les valeurs des propriétés start et end via une EL.
Pour que cela fonctionne, il faut aussi ajouter l'attribut id dans le tag layout:collection et l'attribut href dans le tag collectionItem :

Code :

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

1
2
3
4
5
6
7
<layout:collection name="etaStkForm" property="etat" id="item" styleClass="SCROLL" length="2160" styleClass="FORM" width="1080" height="380">
     <layout:collectionItem title="_______ARTICLE______" property="art" onclick="uneFonction('${item.start}','${item.end}');" href="javascript:void()" sortable="true"></layout:collectionItem>
     <layout:collectionItem title="____PROFIL____" property="prof" sortable="true"></layout:collectionItem>
      <layout:collectionItem title="DESTINATAIRE" property="dest" sortable="true"></layout:collectionItem>
      <layout:collectionItem title="N°SERIE DEBUT" property="start" sortable="true"></layout:collectionItem>
     <layout:collectionItem title="N°SERIE FIN" property="end" sortable="true"></layout:collectionItem>
      <layout:collectionItem title="QTE" property="qte" sortable="true"></layout:collectionItem>

[john_wili]

voila ce que j'ai fais

Code :

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

1
2
3
4
5
6
7
 
 <layout:collection id="item"  selectName="dat_au" selectProperty="rng_id" selectType="radio" name="etaStkForm" property="etat"  styleClass="SCROLL" length="2160" styleClass="FORM" width="1080" height="380">
<layout:collectionItem  onclick="etat('${item.start}','${item.end}')"    href="javascript:void();"  title="_______ARTICLE______" property="art" sortable="true"></layout:collectionItem>
     <layout:collectionItem title="____PROFIL____" property="prof" sortable="true"></layout:collectionItem>
      <layout:collectionItem title="DESTINATAIRE" property="dest" sortable="true"></layout:collectionItem>
      <layout:collectionItem  title="N°SERIE DEBUT" property="start" sortable="true"></layout:collectionItem>
     <layout:collectionItem title="N°SERIE FIN" property="end" sortable="true"></layout:collectionItem>

et la fonction javascript etat () est la suivante:

Code :

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

1
2
3
4
5
6
 
		function etat(param1,param2)
		{
document.reservationForm.trans.value=param1; 
 
		}

mais y'a une erreur en javascript
"erreur de synthaxe" je ne comprend pas ??

[c_nvy]

Peut-être que les EL ne sont pas interpretées.
Si tu mets un alert(param1) dans la fonction Javascript, est-ce la bonne valeur qui s'affiche dans la popup ?

[john_wili]

voila la fonction javascript que j'ai défini

Code :

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

1
2
3
4
5
6
 
		function etat(param1,param2)
		{
    document.reservationForm.sdu.value=param1; 
        alert(param1) ;
		}

mais rien ne s'affiche ni dans le champs qui j'ai indiqué ni l'alert(elle ne s'affiche meme pas)

y'a toujour "erreur de synthaxe "

voila ce que j'ai déclaré dans la jsp

Code :

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

1
2
3
4
5
6
7
 
   <layout:collection id="item"  selectName="dat_au" selectProperty="rng_id" selectType="radio" name="etaStkForm" property="etat"  styleClass="SCROLL" length="2160" styleClass="FORM" width="1080" height="380">
<layout:collectionItem  onclick="etat('${item.start}','${item.end}')"    href="javascript:void();"  title="_______ARTICLE______" property="art" sortable="true"></layout:collectionItem>
     <layout:collectionItem title="____PROFIL____" property="prof" sortable="true"></layout:collectionItem>
      <layout:collectionItem title="DESTINATAIRE" property="dest" sortable="true"></layout:collectionItem>
      <layout:collectionItem  title="N°SERIE DEBUT" property="start" sortable="true"></layout:collectionItem>
     <layout:collectionItem title="N°SERIE FIN" property="end" sortable="true"></layout:collectionItem>

qu'est ce qui manque ??
je ne comprend pas ??

[c_nvy]

Peux-tu faire un test en mettant la fonction alert directement dans l'attribut onclick comme ceci :

Code :

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

<layout:collectionItem onclick="alert('${item.start}');" href="javascript:void();"  title="_______ARTICLE______" property="art" sortable="true"></layout:collectionItem>

Peux-tu montrer aussi ton web.xml et préciser quel serveur d'applications tu utilises et sa version ?