Plusieurs item aevc même identifier dans Tree

Version imprimable

25/05/2009, 17h02
dbdb2719

Plusieurs item aevc même identifier dans Tree

Bonjour, je veux générer un Tree avec des termes apparaissant plusieurs fois et donc avec le même identifier ,par exemple (mon exemple est bidon mais c'est juste pour que vous compreniez) :

-entrées
omelette
- plats
omelette

malheureusement ça me met que mon json est mal formé, il y a t'il un moyen de contourner cela? bien entendu mon identifier est omelette (et ce n'est pas possible que ça soit autre chose)

Merci d'avance

Salut,

Ce n'est pas un problème de Tree mais de Store. Si tu utilises un store de type dojo.data.ItemFileReadStore, alors tu peux faire quelque chose comme:
Code:

1 2 3 4 5 6 7 8 9 { identifier: 'nom', label: 'nom', items: [ { nom:'Entrées', children:[{_reference:'Omelette'}] }, { nom:'Plats' children:[{_reference:'Omelette'}] }, { nom:'Omelette'} ]}
Bon dev,

ERE

29/05/2009, 12h31
dbdb2719

Nikel! merci pour tout.:D

je viens de me rendre compte qu'il y avait un problème au niveau de l'affichage, ça arrive quand j'ai une situation de ce genre là :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 { identifier: 'nom', label: 'nom', items: [ {"nom":"Gestion", "children":[{"_reference":"Affaires"},{"_reference":"Commerce"}] }, {"nom":"Affaires", "children":[{"_reference":"Commerce"}] }, {"nom":"Commerce", "children":[{"_reference":"Droit commercial"}] } ]}
Au départ l'affichage est correct mais quand je clique sur les différents noeuds le Commerce rattaché à Gestion se met au niveau du commerce de Affaires, tout en restant rattaché à Gestion :

-Gestion

+Affaires
+Commerce

après avoir cliqué sur les noeuds :

-Gestion

-Affaires

+Commerce
+Commerce

et donc par rapport à la situation initiale je me retrouve avec :

-Gestion

+Affaires

+Commerce

Pourquoi le commerce de Gestion s'aligne avec celui d'Affaires? comment puis je résoudre ce problème?
Merci d'avance.

03/06/2009, 23h45
emmanuel.remy

Salut,

Peux tu passer ton code stp ?
Et pourquoi n'as tu pas de noeud "Droit commercial" ?

ERE

pour le Droit commercial c'est un mauvais copié collé (désolé) voici mon code :

tree.json :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
{ identifier: 'nom',
  label: 'nom',
  items: [
    {"nom":"Gestion","type":"top",
       "children":[{"_reference":"Affaires"},{"_reference":"Commerce"}]
    },
    {"nom":"Affaires","type":"term",
        "children":[{"_reference":"Commerce"}]
    },
    {"nom":"Commerce","type":"term",
        "children":[{"_reference":"Droit commercial"}]
    },
   {"nom":"Droit commercial","type":"entity",
        "children":[]
    }
 
 ]}

Tree.html :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
 
    <link rel="stylesheet" type="text/css" href="dojoToolkit/dojo/resources/dojo.css"> 
    <link rel="stylesheet" type="text/css" href="dojoToolkit/dijit/themes/soria/soria.css"> 
 
    <script type="text/javascript" src="dojoToolkit/dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true, usePlainJson: true"></script>
 
    <script type="text/javascript">
 
 
    dojo.require("dijit.Tree");	
    dojo.require("dojo.parser");
    dojo.require("dojo.data.ItemFileReadStore");    
 
 
    </script>
 
<script>
dojo.addOnLoad(function(){
 
 
		var store;		
 
		store = new dojo.data.ItemFileReadStore({
	       url: "./json/tree.json"
 
	    });
 
 
 
	    var treeModel = new dijit.tree.ForestStoreModel({
	        store: store,
	        query: {"type": "top"},
	        rootId: "root",
	        rootLabel: "Concepts",        
	        childrenAttrs: ["children"]
	    });
 
	   treeWidget = new dijit.Tree({
	        model: treeModel,
	        showRoot: false
 
	    }, "treeOne");
 
});
 
	   </script>
</head>
<body class="soria">
		<div id="treeOne"></div>	
</body>
</html>

Merci d'avance...

04/06/2009, 17h20
emmanuel.remy

Salut,

Je viens de tester ton code et il fonctionne parfaitement sur mon poste. Peux tu préciser ta config (version de dojo, navigateur, ...)

ERE
05/06/2009, 08h21
dbdb2719

ah ouais, ça fonctionne bien chez toi....après avoir cliqué sur les noeuds ça s'affiche bien quand même?
j'utilise mozilla firefox 2.0.0.14 et dojo 1.3.1 (il me semble). Tu penses que ça peut venir de ce que j'utilise?
05/06/2009, 13h08
emmanuel.remy

1 pièce(s) jointe(s)

Citation:

Envoyé par dbdb2719

ah ouais, ça fonctionne bien chez toi....après avoir cliqué sur les noeuds ça s'affiche bien quand même?
j'utilise mozilla firefox 2.0.0.14 et dojo 1.3.1 (il me semble). Tu penses que ça peut venir de ce que j'utilise?

Oui et sur ce test, je suis en FF 3.0 et dojo 1.2

ERE
05/06/2009, 15h32
dbdb2719

1 pièce(s) jointe(s)

je viens de tester avec mozilla 3.0.10 et dojo 1.2.3 et ça ne marche toujours pas. Que faire?

Voila le code utilisé de mon côté (normalement c'est le tien !):

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
39
40
41
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
 
    <link rel="stylesheet" type="text/css" href="/dojotoolkit/dojo/resources/dojo.css"> 
    <link rel="stylesheet" type="text/css" href="/dojotoolkit/dijit/themes/soria/soria.css"> 
 
    <script type="text/javascript" src="/dojotoolkit/dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true, usePlainJson: true"></script>
    <script type="text/javascript">
    dojo.require("dijit.Tree");	
    dojo.require("dojo.parser");
    dojo.require("dojo.data.ItemFileReadStore");    
    </script>
<script>
dojo.addOnLoad(function(){
		var store;		
		store = new dojo.data.ItemFileReadStore({url: "./datas.json"});
 
	    var treeModel = new dijit.tree.ForestStoreModel({
	        store: store,
	        query: {"type": "top"},
	        rootId: "root",
	        rootLabel: "Concepts",        
	        childrenAttrs: ["children"]
	    });
 
	   treeWidget = new dijit.Tree({
	        model: treeModel,
	        showRoot: false
 
	    }, "treeOne");
});
</script>
</head>
<body class="soria">
		<div id="treeOne"></div>	
</body>
</html>

Et JSON:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
{ identifier: 'nom',
  label: 'nom',
  items: [
    {"nom":"Gestion","type":"top",
       "children":[{"_reference":"Affaires"},{"_reference":"Commerce"}]
    },
    {"nom":"Affaires","type":"term",
        "children":[{"_reference":"Commerce"}]
    },
    {"nom":"Commerce","type":"term",
        "children":[{"_reference":"Droit commercial"}]
    },
   {"nom":"Droit commercial","type":"entity",
        "children":[]
    }
 
 ]}

ERE