Soumission formulaire BusyButton [Résolu]

[VinceCBA]

Bonjour à tous,
J'ai un petit soucis un peu embêtant, j'ai un formulaire réalisé avec les tags Struts2, et j'ai donc un tag <s:submit/>, mais j'aimerais lui assigner un type : dojox.form.BusyButton . J'y arrive sans problème (rien de bien dur), mais cependant, en mettant ceci, plus rien ne se passe lorsque je clique dessus (ca ne marche qu'en remplacant "<s:submit/>" par <input type="submit").
Quelqu'un aurait il une solution a me proposer svp ?

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
<s:form action="test" data-dojo-type="dijit.form.Form" method="post" validate="true" theme="simple">
                <script type="dojo/method" event="onSubmit">
                    if(this.validate()) {
                    return confirm('Form is valid, press OK to submit');
                    } else {
                    alert('Formulaire invalide');
                    return false;
                    }
                    return true;
                </script>
                <table cellpadding="0" cellspacing="2">
                    <tr>
                        <td valign="top"><strong>Email: </strong></td>
                        <td>
                            <s:textfield
                                name="email"
                                id="email"
 
                                data-dojo-type="dijit.form.ValidationTextBox"
                                data-dojo-props="required : true, 
                                missingMessage:'Valeur requise !',
                                validator:dojox.validate.isEmailAddress,
                                invalidMessage:'This is not a valid email!',
                                placeHolder:'Entrez votre email'"
                                />
                        </td>
                    </tr>
 
                </table>
 
                <!-- submit buttons -->
 
                <s:submit
                    value="Envoyer"
                    id="submitButton" 
                    data-dojo-type="dojox.form.BusyButton"
                    data-dojo-props="label : 'Envoyer', busyLabel:'Envoi en cours ...'"/>
            </s:form>

[emmanuel.remy]

Hello,

Ce contrôle ne fonctionne pas avec IE8. Est ce ton cas de test ?
Si non, peux tu regarder si dojo charge les bonnes librairies ?

ERE

[VinceCBA]

Envoyé par emmanuel.remy

Hello,

Ce contrôle ne fonctionne pas avec IE8. Est ce ton cas de test ?
Si non, peux tu regarder si dojo charge les bonnes librairies ?

ERE

Bonjour,
Je suis sous Firefox, et il me semble que Dojo charge bien tout (pas d'erreur JS dans la console)

[emmanuel.remy]

Pas facile de diagnostiquer ainsi.
Peux tu passer un copier-coller du code HTML du formulaire généré au final ?

ERE

[emmanuel.remy]

Re,

Laisse tomber je viens de réaliser ton erreur: le BusyButton hérite de dijit.form.Button et tu dois donc indiquer dans les propriétés que c'est un bouton de type submit. Quelque chose comme:

Code :

1
2
3
4
5
6
<s:submit
       value="Envoyer"
       id="submitButton" 
       data-dojo-type="dojox.form.BusyButton"
      data-dojo-props="type:'submit', label : 'Envoyer', busyLabel:'Envoi en cours ...'"/>

ERE

[VinceCBA]

Bonjour,
Effectivement je m'étais fait la même reflexion que toi, mais c'est la où c'est encore plus drôle, je fais ca :

Code :

1
2
3
4
<s:submit 
            value="Créer" 
            data-dojo-type="dojox.form.BusyButton"
            data-dojo-props="type:'submit', label:'Créer'" />

Et rien ne se passe ^^

Mystère ...

[emmanuel.remy]

Montre nous le code source HTML de ta page générée au final côté client.

ERE

[VinceCBA]

Avec firebug (a savoir que Dojo me génère pleins de "span" etc... pour formater le bouton) :

Code :

<input type="submit" dojoattachpoint="valueNode" tabindex="-1" class="dijitOffScreen" value="" disabled="">

Via "code source de la page" classique :

Code :

<input type="submit" id="_0" value="Submit" data-dojo-props="type:'submit', label:'go'" data-dojo-type="dojox.form.BusyButton"/>

[emmanuel.remy]

Merci. Tout ça est bon car après le clic sur le bouton il appelle en interne le click sur le valueNode, qui lui submit bien le formulaire...

Quelle version exacte de dojo utilises tu ?

ERE

[VinceCBA]

1.6
Je sais que la 1.7 est sortie, mais vu l'ampleur de mon projet, je ne pense pas pouvoir changer de version ...
J'ai fais le test déjà, mais il semblerait qu'il y ai pas mal de différences (tous mes widgets dojo ou presque, ont été désactivés apres la MAJ, j'ai donc remis la 1.6)

[emmanuel.remy]

J'ai refait qlq tests:
En 1.6, quelques soient les notation dojoType ou data-dojo-type, rien ne fonctionne.
En 1.7, avec la notation data-dojo-type, cela fonctionne.



ERE

[VinceCBA]

Envoyé par emmanuel.remy

J'ai refait qlq tests:
En 1.6, quelques soient les notation dojoType ou data-dojo-type, rien ne fonctionne.
En 1.7, avec la notation data-dojo-type, cela fonctionne.



ERE

Je confirme, ce n'était tout simplement pas au point dans l'ancienne version.
Merci de ton aide