Problème de submit d'une radio box

Version imprimable

17/10/2006, 11h10
omlip

Problème de submit d'une radio box
Bonjour tout le monde,

Mon problème est que lorsque je sélectionne une radio box , il ne va pas mettre à jour dans mon form.

voici mon code jsp:
Code:

1 2 3 <html:radio property="extrabedieningaction" value="opName" /> <html:radio property="extrabedieningaction" value="afZet" />
extrabedieningaction étant une propriété de mon DynaActionForm qui est en session. Cette propriété est de type String et me permet de distinguer quelle méthode à appeler dans mon action...

Je dois égalment faire des check coté client en javascript, et c'est à ce moment la que je me rend compte que

document.extraBedieningForm.extrabedieningaction.value == undefined

j'en ai conclut que le check du radio button n'itialise pas ma variable :)

Voilà
A+

Quelqu'un aurait-il une meilleure ou autre solution ou voir la solution ? ce serait cool

A+
omlip
17/10/2006, 13h50
c_nvy

Les tags html:radio sont bien dans un tag html:form ?
17/10/2006, 15h09
omlip

ce fût une bonne idée mais oui ils sont bien dans un <html:form> qui est fermé par un </html:form>
17/10/2006, 15h32
c_nvy

Et dans le mapping de l'Action qui doit être exécutée au submit du formulaire, tu as bien déclaré le form-bean de type DynaActionForm via l'attribut name ?
17/10/2006, 16h22
omlip

oui oui oui je vais un peu rééxpliquer les constatations

lorsque je sélectionne une de mes 2 radio box,

la variable de mon formulaire dans mon contrôle client side en javascript is undefined (la variable est document.extraBedieningForm.extrabedieningaction.value)

Par contre si je décide de by passer mon contrôle client side, je me retrouve dans l'action avec un DynaActionForm correctement initialisé et qui contient les valeurs.... 8O
je pensais que Struts réalisait un mappings entre un formulaire HTML et un bean java

donc si d'un cote, c'est 'vide' , de l'autre ca devrait l'etre aussi non ?

a+
omlip
17/10/2006, 16h41
c_nvy

Citation:

Envoyé par omlip

Par contre si je décide de by passer mon contrôle client side, je me retrouve dans l'action avec un DynaActionForm correctement initialisé et qui contient les valeurs.... 8O

Ben ça, tu aurais dû le dire depuis le début, je ne peux pas le deviner.:roll:

Alors, comment fais-tu ton contrôle en javascript et comment l'appelles-tu ?
il serait peut-être bon de nous donner un peu plus de code.;)

oui voilà j'amène le code javascript et les différent appels à celui-ci

Code:

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
 
<script>
	function goback()
	{
		window.location="<bean:write name="backUrl"/>";
	}	
	function chooseDetailAction(stype){
		document.extraBedieningForm.clickedDetail.value=stype;
	}
	function chooseAction(stype)
	{
		document.extraBedieningForm.extrabedieningaction.value=stype;
		//alert(document.extraBedieningForm.extrabedieningaction.value);
	}
 
	function initform()
	{
		//clickedDetail est champ servant a savoir si on veut regarder les details d'un wagons
		document.extraBedieningForm.clickedDetail.value = "";
		document.extraBedieningForm.wagonnr.focus();
	}
 
	function checkData(){
		wg = document.extraBedieningForm.wagonnr.value;
		//alert(wg);
		if(wg != ''){
			bed = document.extraBedieningForm.extrabedieningaction.value;
			clickedDetail = document.extraBedieningForm.clickedDetail.value;
			//alert(bed);
			//alert(clickedDetail);
			//Manière de comparez une valeur indéfinie
			var undefine;
			if(bed == undefine && clickedDetail == ''){
				alert("<bean:message key="extraBediening.noselection" />");
				return false;
			}
 
		}else{
			alert("<bean:message key="extraBediening.nowagonnr" />");
			return false;
		}
		return true;
	}
 
	function build(nummer){
		document.extraBedieningForm.wagonnr.value = nummer;
	}
</script>

le principal contrôle est la fonction checkData

Voici à présent un résumé de ma page Jsp avec les différents éléments du formulaire ainsi que les appels vers javascript nécéssaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<html:form action="/extraBediening" onsubmit="return checkData()">
	<html:hidden property="clickedDetail" />
 
 
<html:radio property="extrabedieningaction" value="opName" onclick="chooseAction('opName')"/>
 
<html:radio property="extrabedieningaction" value="afZet" onclick="chooseAction('afZet')"/>
 
 
 
<a href="javascript:if(checkData())document.extraBedieningForm.submit();">
<bean:message bundle="images" key="button.path" arg0="transfer"/></a>
 
</html:form>

Remarquez que les "onclick " dans les tag html:radio ont été mon seul moyen de trouver une parade à ce problème :S, j'aimerais quand même bien faire aller
ce formulaire

18/10/2006, 09h34
omlip

Bonjour,

j'ai tout de même trouvé une alternative mais vraiment pas belle et avec du javascript, mais le post reste ouvert à une solution plus jolie que de récupérer le form dans le code javascript :s

A+
omlip
18/10/2006, 12h51
c_nvy

Je n'ai pas trouvé comment résoudre ton problème de html:radio et de javascript mais en relisant ceci :

Citation:

Envoyé par omlip

extrabedieningaction étant une propriété de mon DynaActionForm qui est en session. Cette propriété est de type String et me permet de distinguer quelle méthode à appeler dans mon action...

je me disais que tu pourrais utiliser une DispatchAction ou une LookupDispatchAction.;)

En fait, ton formulaire contient 2 éléments de type radio bouton donc quand tu y fais référence en javascript, il te faut les indexer. En clair, il faudrait que tu fasses ceci pour déterminer la valeur sélectionnée:
Code:

1 2 3 4 5 if (document.extraBedieningForm.extrabedieningaction[0].checked) then { bed = document.extraBedieningForm.extrabedieningaction[0].value; } else if (document.extraBedieningForm.extrabedieningaction[1].checked) then { bed = document.extraBedieningForm.extrabedieningaction[1].value; } // else rien n'est coché

23/10/2006, 16h14
omlip

Meric ga.la

Cela a résolu mon problème, merci beaucoup, j'ai pu enlever tout le code bourrin en javascript etc...

Merci
a+