Discussion :

[ernestrenan]

J'ai le code suivant pour "widgetiser" tous mes formulaires

Code javascript :

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
require(["dijit/form/Form", "dijit/form/TextBox", "dijit/form/CheckBox", "dijit/form/Button"], function(form, textBox, checkBox, button){
      dojo.query("form").forEach(function(formulaire){
        new form({
          method: formulaire.method,
          action: formulaire.action,
          onSubmit: function(e){
            console.log(e.target);
          }
        }, formulaire);
      });
      dojo.query("input[type='text'], textarea, input[type='email'], input[type='password']").forEach(function(input){
        new textBox({}, input);
      });
      dojo.query("checkbox").forEach(function(checkbox){
        new checkBox({
          checked: false
        }, checkbox);
      });
      dojo.query("button, input[type='submit']").forEach(function(but){
        new button({
          label: but.value
        }, but);
      });
    });

Le probleme c'est que maintenant les boutons ou les input submit ne provoque plus l'envoie du formulaire. j'ai essayé d'adapter le code de cette page pour avoir un javascript détaché du code html (je code en rails côté serveur et je veux absolument que tout soit àa sa place).

[emmanuel.remy]

Salut,

Tu doit préciser que ton bouton est de type submit:

Code :

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

1
2
3
4
5
6
7
dojo.query("button, input[type='submit']").forEach(function(but){
        new button({
          label: but.value,
          type:"submit"
        }, but);
      });

C'est le fait qu'il soit de ce type qui déclenche le submit du dijit.form.Form

ERE

[ernestrenan]

Merci je le déclarais déjà dans mon tag html mais visiblement ce n'est pas suffisant.

[emmanuel.remy]

Les attributs de ton input ne sont pas mixés avec le widget que tu crées. Quand tu fais

Code :

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

1
2
3
4
5
 
new button({
          label: but.value,
          type:"submit"
        }, but);

, "but" va être remplacé par le template du bouton généré par dijit.

ERE