Javascript et le tag nested

**aelmalki** · 02/09/2009, 16h01

Bonjour,

Je me bloque dans un traitement que je n'arrive pas a implémenter.

J'ai une liste de champ texte que j'affiche avec le tag nested:iterate

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
 
<nested:iterate name="maForm" property="maList">
	<tr>
		<td align="right"><b>Nom:</b></td>
		<td><nested:write property="nom" /></td>
	</tr>
	<tr>
		<td align="right"><b>Nom:</b></td>
		<td align="left">
                      <nested:text property="nom" /> 
                      <html:button value="bouton.effacer" onclick="javascript:resetNom()" styleClass="button" />
                </td>
	</tr>
 
</nested:iterate>

a coter de chaque champ texte, je place un bouton faisant appel a une fonction javascript qui permet d'initialiser la valeur du champ.

Supposons que j'ai 10 champs texte, et j'ai 10 boutons Effacer, je clique sur le bouton du champ N°5, je doit initialiser que le champ N°5 de la liste.

Comment peut on atteindre donc le champ texte du bouton cliquer ?

Est ce qu'il y 'a une autre alternative autre qu'une méthode Javascript, et qui ne rechargera pas la page de nouveau ?

Merci d'avance pour vos retour, je reste disponible pour toute autre explications

**OButterlin** · 02/09/2009, 16h10

Tu peux utiliser l'indice de la boucle pour générer quelque chose comme ceci

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
 
<html>
<head>
<script>
function clearField(i)
{
    document.forms[0].champ[i].value = "";
}
</script>
</head>
 
<body>
 
<form>
<input type="text" name="champ" value="1"/><input type="button" onclick="clearField(0)"/><br>
<input type="text" name="champ" value="2"/><input type="button" onclick="clearField(1)"/><br>
<input type="text" name="champ" value="3"/><input type="button" onclick="clearField(2)"/><br>
<input type="text" name="champ" value="4"/><input type="button" onclick="clearField(3)"/><br>
<input type="text" name="champ" value="5"/><input type="button" onclick="clearField(4)"/><br>
<input type="text" name="champ" value="6"/><input type="button" onclick="clearField(5)"/><br>
</form>
 
</body>
</html>

**developpeur_débutant** · 02/09/2009, 18h00

Comment pourrais-je envoyer l'index de la boucle pour ce cas là ?

**c_nvy** · 02/09/2009, 19h16

Tu peux ajouter l'attribut indexId dans le tag nested:iterate et passer la variable contenant l'index à la fonction Javascript via une EL comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<nested:iterate name="maForm" property="maList" indexId="index">
<tr>
	<td align="right"><b>Nom:</b></td>
	<td><nested:write property="nom" /></td>
</tr>
<tr>
	<td align="right"><b>Nom:</b></td>
	<td align="left">
           <nested:text property="nom" /> 
           <html:button value="bouton.effacer" onclick="javascript:resetNom(${index})" styleClass="button" />
	</td>
</tr>
</nested:iterate>

**aelmalki** · 03/09/2009, 11h41

Bonjour,

Merci pour vos réponses,

Je viens de tester vos solutions, l'index du champ remonte bien, par contre la réinitialisation du champ ne fonctionne pas, une erreur Javascript est générer(null or not an object).

Voici le code Javascript

Code :

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

1
2
3
4
 
function resetNom(i){
  document.forms[0].nom[i].value="";
}

Je ne sais pas si ça pourra vous aider, mais lorsque je visualiser le code html de ma page il m'affiche ceci :

Code :

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

1
2
 
<td align="left"><input type="text" name="maList[0].nom" value="nom 1"> <input type="button" value="Effacer" onclick="javascript:resetNom(0)" class="button"></td>

Merci à vous.

**OButterlin** · 03/09/2009, 11h51

Il suffit d'adapter la méthode en conséquence...

Code :

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

1
2
3
4
5
 
function resetNom(i)
{
   document.forms[0].elements["maList[" + i + "].nom"].value = "";
}

A+

Javascript et le tag nested

Struts 1 Java

Vue hybride

Discussions similaires

Partager

Partager