Plusieurs item aevc même identifier dans Tree

**dbdb2719** · 25/05/2009, 17h02

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

**emmanuel.remy** · 26/05/2009, 11h47

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 :

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

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

**dbdb2719** · 29/05/2009, 12h31

Nikel! merci pour tout.

**dbdb2719** · 03/06/2009, 14h40

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 :

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

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.

**emmanuel.remy** · 03/06/2009, 23h45

Salut,

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

ERE

**dbdb2719** · 04/06/2009, 10h00

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

tree.json :

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
 
{ 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 :

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
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...

**emmanuel.remy** · 04/06/2009, 17h20

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

**dbdb2719** · 05/06/2009, 08h21

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?

**emmanuel.remy** · 05/06/2009, 13h08

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

**dbdb2719** · 05/06/2009, 15h32

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

**emmanuel.remy** · 05/06/2009, 15h57

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

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
 
<!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 :

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
 
{ 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

Plusieurs item aevc même identifier dans Tree

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager