Discussion :

[arsene555]

Bonjour,

Le code suivant affiche un dijit.tree :

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
 
 
      var rawdata = [
         {
            'label':'Titi',
            'children':[{'label':'Titi1'}]
         }
      ];
 
      var store = new dojo.data.ItemFileReadStore(
         {
               data: {
                   label: 'label',
                   items: rawdata
               }
         }
 
      );
 
      var treeModel = new dijit.tree.ForestStoreModel({
               rootLabel: "TitiRoot",
               childrenAttrs: ["children"],
               store: store
           });
 
      var treeControl = new dijit.Tree({
            model: treeModel,
            autoExpand:true
           },
           "treeOne");
 
 
      conteneurPage.addChild(treeControl);
 
      // Start the table container. This initializes it and places
      // the child widgets in the correct place.
      conteneurPage.startup();
      conteneurPage.layout();

En faisant la modification suivante, le dijit.tree ne s'affiche plus. Du moins, seul le noeud root "TitiRoot" s'affiche.

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
 
//tab est un tableau contenant les données à afficher dans l'arbre.
//je le met au format json.
var rawdata = dojo.toJson(tab);
 
      //D'ailleurs voici le jSon contenu dans rawdata :
      /*
      "
      [
         {
            "label":"Titi",
            "children":[{"label":"Titi1"}]
         }
      ]
      "
      */
//Comme dans toute chaine on a des guillemets au début et à la fin.
 
      var store = new dojo.data.ItemFileReadStore(
         {
               data: {
                   label: 'label',
                   items: rawdata
               }
         }
 
      );
 
      var treeModel = new dijit.tree.ForestStoreModel({
               rootLabel: "TitiRoot",
               childrenAttrs: ["children"],
               store: store
           });
 
      var treeControl = new dijit.Tree({
            model: treeModel,
            autoExpand:true
           },
           "treeOne");
 
 
      conteneurPage.addChild(treeControl);
 
      // Start the table container. This initializes it and places
      // the child widgets in the correct place.
      conteneurPage.startup();
      conteneurPage.layout();

Je pense que le pb vient des guillemets contenue dans le json et qu'il faudrait avoir

Code :

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

1
2
3
4
5
6
7
 
      [
         {
            "label":"Titi",
            "children":[{"label":"Titi1"}]
         }
      ]

au lieu de

Code :

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

1
2
3
4
5
6
7
8
9
 
"
      [
         {
            "label":"Titi",
            "children":[{"label":"Titi1"}]
         }
      ]
      "

Pour le vérifier, dans ma variable contenant le json (en l'occurence rawdata), j'aurais aimer remplacer les séquences

Code :

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

"[

et

Code :

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

]"

par

Code :

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

[

et

Code :

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

]

mais je ne sais pas comment faire ??? Je pense qu'il faut jouer avec les regex que je ne maitrise pas bien.

On est bien d'accord que je ne souhaite surtout pas enlever tous les guillemets : "Titi1" doit rester "Titi" par exemple. Donc seulement les guillemets de début et de fin (mais peut on le faire dans une chaine ???)

Merci d'avance.

[vermine]

Bonjour,

Lorsque vous créez votre store, vous utilisez les quottes :

Code :

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

label: 'label',

Dans les autres cas, vous utiliser les guillemets.
Utilisez les quottes partout :

Code :

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

1
2
3
4
5
6
7
 
      var rawdata = [
         {
            'label':'Titi',
            'children':[{'label':'Titi1'}]
         }
      ];

Mais bon, pas sûr que ce soit ça le problème.

[arsene555]

Oui mais c'est dans le 1er code que je fait ça et ce code là fonctionne. C'est le 2ème qui pose problème.

Mais bon j'ai quand-même modifié le 1er code et mis des quotes partout car il convient d'avoir du code homogène.

[vermine]

Ce que je voulais dire c'est que le json peut ressembler à ça :

Code :

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

1
2
3
4
5
6
7
8
9
 
"
      [
         {
            'label':'Titi',
            'children':[{'label':'Titi1'}]
         }
      ]
      "

[arsene555]

Si dans mon tout 1er code, je change ça

Code :

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

1
2
3
4
5
6
7
 
var rawdata = [
         {
            'label':'Titi',
            'children':[{'label':'Titi1'}]
         }
      ];

en ça

Code :

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

1
2
3
4
5
6
7
 
var rawdata = "[
         {
            'label':'Titi',
            'children':[{'label':'Titi1'}]
         }
      ]";

j'ai une erreur javascript.

[vermine]

Ce que je voulais dire c'est que le json peut ressembler à ça :

[Daniel_Gibot]

Bonjour,

D'où provient votre "tab" ?
A quoi ressemble-t'il avant la conversion en Json ?

Code :

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

var rawdata = dojo.toJson(tab);

Votre "rawdata" initial est un tableau tout comme votre "tab" peut être n'y a t'il pas besoin de faire une conversion (?) ou alors la faire plus en amont si cela vient de script php ou java côté serveur.