Discussion :

[omlip]

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 :

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

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

[c_nvy]

Les tags html:radio sont bien dans un tag html:form ?

[omlip]

ce fût une bonne idée mais oui ils sont bien dans un <html:form> qui est fermé par un </html:form>

[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 ?

[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....
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

[c_nvy]

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....

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

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.

[omlip]

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

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
 
<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 :

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

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

[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

[c_nvy]

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

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.

[ga.la]

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 :

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

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é

[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+