Discussion :

[flashblack86]

Bonjour à tous !

je n'y comprends rien.
Je viens de commencer avec Dojo.
j'arrive à remplir des FilteringSelect et des ComboBox avec JSON.

Lors de ma validation de mon formulaire, les variables TextBox sont bien transmises, mais pas les variables FilteringSelect et ComboBox.

Ex :
Dans mon fichier dojo_init.js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
      new dijit.form.FilteringSelect({
          store: new dojo.data.ItemFileReadStore({
              url: 'json/dob_day.json'
          }),
          autoComplete: true,
          style: "width: 50px;",
          required: true,
          value:0,
          id: "dob_day"
      },
      "dob_day");

Dans mon formulaire :

Code :

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

1
2
3
4
5
6
7
8
9
 
<form action="catalogue.php" method="post" name="inscription" id="formInscription" dojoType="dijit.form.Form">
  <input name="dob_day" id="dob_day">
  <input name="verif" value="oui" type="hidden">
  <input type="submit" name="Submit" label="Envoyer"
    dojoType="dijit.form.Button"
    onClick="dijit.byId('formInscription').validate();" />
  <button dojoType="dijit.form.Button" type="reset">Effacer</button>
</form>

Lorsque je valide mon formulaire, rien dans $_POST concernant ce genre de champ.

Pouvez-vous m'aider ?

Merci

[flashblack86]

j'ai fini par y arriver mais il reste encore un détails à régler.

Dans mon fichier dojo_init.js :

Code :

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

1
2
 
var dob_dayStore = new dojo.data.ItemFileReadStore({url :  'json/dob_day.json'});

Dans mon fichier html :

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
 
<form action="catalogue.php" method="post" name="inscription" id="formInscription" dojoType="dijit.form.Form">
 
            <input name="dob_day" id="dob_day"
              dojoType="dijit.form.FilteringSelect"
              store="dob_dayStore"
              autoComplete= true
              style= "width: 50px;"
              required= true
              value=0 />
 
 
  <input name="verif" value="oui" type="hidden">
  <input type="submit" name="Submit" label="Envoyer"
    dojoType="dijit.form.Button"
    onClick="dijit.byId('formInscription').validate();" />
  <button dojoType="dijit.form.Button" type="reset">Effacer</button>
</form>

Cependant, mon fichier json est de cette forme :

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
 
{
    label: "name",
    items: [
      {name: "Jour", dob_day: "-", abbreviation: "-"},
      {name: "01", dob_day: "01", abbreviation: "01"},
      {name: "02", dob_day: "02", abbreviation: "02"},
      {name: "03", dob_day: "03", abbreviation: "03"},
      {name: "04", dob_day: "04", abbreviation: "04"},
      {name: "05", dob_day: "05", abbreviation: "05"},
      {name: "06", dob_day: "06", abbreviation: "06"},
      {name: "07", dob_day: "07", abbreviation: "07"},
      {name: "08", dob_day: "08", abbreviation: "08"},
      {name: "09", dob_day: "09", abbreviation: "09"},
      {name: "10", dob_day: "10", abbreviation: "10"},
      {name: "11", dob_day: "11", abbreviation: "11"},
      {name: "12", dob_day: "12", abbreviation: "12"},
      {name: "13", dob_day: "13", abbreviation: "13"},
      {name: "14", dob_day: "14", abbreviation: "14"},
      {name: "15", dob_day: "15", abbreviation: "15"},
      {name: "16", dob_day: "16", abbreviation: "16"},
      {name: "17", dob_day: "17", abbreviation: "17"},
      {name: "18", dob_day: "18", abbreviation: "18"},
      {name: "19", dob_day: "19", abbreviation: "19"},
      {name: "20", dob_day: "20", abbreviation: "20"},
      {name: "21", dob_day: "21", abbreviation: "21"},
      {name: "22", dob_day: "22", abbreviation: "22"},
      {name: "23", dob_day: "23", abbreviation: "23"},
      {name: "24", dob_day: "24", abbreviation: "24"},
      {name: "25", dob_day: "25", abbreviation: "25"},
      {name: "26", dob_day: "26", abbreviation: "26"},
      {name: "27", dob_day: "27", abbreviation: "27"},
      {name: "28", dob_day: "28", abbreviation: "28"},
      {name: "29", dob_day: "29", abbreviation: "29"},
      {name: "30", dob_day: "30", abbreviation: "30"},
      {name: "31", dob_day: "31", abbreviation: "31"}
    ]
}

La valeur que je récupère est le numéro de l'item sélectionné.
Ex ; Si je choisi "02", j'ai "2" au lieu de "02".
Ce qui pose prb si j'utilise les années.
Si je choisi dans ma liste déroulante "1920", j'ai comme résultat "1" avec le fichier json ci-dessous. Hors, je cherche à avoir 1920.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
{
    label: "name",
    items: [
      {name: "Année",dob_year: "-"},
      {name: "1920",dob_year: "1920"},
      {name: "1921",dob_year: "1921"},
      {name: "1922",dob_year: "1922"},
      {name: "1923",dob_year: "1923"}
    ]
}

[Daniel_Gibot]

Il te faut définir un "identitifier" dans ton store. Je pense que cela devrait résoudre ton souci.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
{
    identifier: "name",
    label: "name",
    items: [
      {name: "Année",dob_year: "-"},
      {name: "1920",dob_year: "1920"},
      {name: "1921",dob_year: "1921"},
      {name: "1922",dob_year: "1922"},
      {name: "1923",dob_year: "1923"}
    ]
}

[flashblack86]

Trop fort !
Solution simple et efficace !

Merci tout fonctionne parfaitement !

[flashblack86]

En fait c'est si top que ça.
Tout fonctionne bien dans FF, mais pas dans IE.

IE me renvoie le numéro d'ordre de la liste déroulante.
Alors que FF me renvoie l'identifiant mis dans le fichier json.

Je comprends pas.

[Daniel_Gibot]

C'est bizarre. Je fais de la même façon et je n'ai pas ce soucis.
Essaie de voir les valeurs envoyées par ton formulaire :

Code :

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

1
2
3
 
myForm = dijit.byId('formInscription');
alert("Valeurs envoyées : \r\n" + dojo.toJson(myForm.attr("value")));

[flashblack86]

Je voudrais d'abord te remercier de prendre du temps pour m'aider à régler mon prb.


Je ne sais pas pourquoi, mais ça marche maintenant.
Je pencherais pour un prb de cache dans IE.

Cependant, le code que tu m'a donné est intéressant si seulement je savais où le mettre !
Dans dojo.addOnLoad ?

[Edit]
C'est ok, je l'ai mis dans onclick du bouton envoyer, ça fonctionne !
Merci
[/Edit]

Merci

[Daniel_Gibot]

Oui c'est vrai je n'ai pas précisé où le mettre
C'est une commande pratique pour identifier les noms des variables POST envoyées.

C'est toujours un plaisir de rendre service (dans le mesure de mes compétences).

NB : Oui IE est un peu grincheux vis à vis du cache et ca ne m'étonne pas qu'un petit rafraichissement (ctrl+F5) change les choses.