Discussion :

[LeGilou]

Bonjour,

Je n'arrive pas à faire fonctionner le plugin "types", pour jstree.
Voila mon code :

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
 
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.jstree.js"></script>
 
<script type="text/javascript">
 
$(function () {
 
	$("#arbre")
		.jstree({
			plugins : [ "themes", "json_data", "ui" ],
			core : { 
				  animation : 0
			},
			themes : { 
				  url : "/path/to/templates/jquery.jstree.classic.css",
				  theme : "classic",
				  icons : true
			},			
	        json_data : {
	            ajax : {
	                url : "data.json",
	                data : function (n) {
	                    return { id : n.attr ? n.attr("id") : 0 };
	                }
	            }
	        },
		    types : {
		         valid_children: ["root"],
		         icon : { image : "icon.png" }
	        	}
	    })
	});
</script>
 
<div id="arbre"></div>

et le fichier json se présente sous la 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
 
[
	{ 	"data" : "Dossier 1", "attr" : {"id":"1", "name":"test"},
		"children" : [ 
			{	"data" : "Sous Dossier 1.1", "attr" : {"id" : "1.1"} },
			{	"data" : "Sous Dossier 1.2", "attr" : {"id" : "1.2"} }, 
			{	"data" : "Sous Dossier 1.3", "attr" : {"id" : "1.3"}, 
				"children" : [ 
					{	"data" : "Sous Dossier 1.3.01", "attr" : {"id":"1.3.1"} },
					{	"data" : "Sous Dossier 1.3.12", "attr" : {"id":"1.3.2"} },
					{	"data" : "Sous Dossier 1.3.13", "attr" : {"id":"1.3.2"} },
					{	"data" : "Sous Dossier 1.3.14", "attr" : {"id":"1.3.2"} }
				]
			}, 
			{	"data" : "Sous Dossier 1.4", "attr" : {"id" : "1.4"} }, 
			{	"data" : "Sous Dossier 1.6", "attr" : {"id" : "1.6"} } 
		] 
	},
	{ 	"data" : "Dossier 2", "attr" : {"id" : "2"}  },
	{ 	"data" : "Dossier 3", "attr" : {"id" : "3"}  },
	{ 	"data" : "Dossier 4", "attr" : {"id" : "4"},
		"children" : [ 
			{ "data" : "Sous Dossier 4.1", "attr" : {"id" : "4.1"} } 
		] 
	}
]

J'ai essayé différentes syntaxes pour le paramètre "types", sans succès.
Je vous remercie pour votre aide,

Gillou.

[LeGilou]

eureka !
il faut ajouter le champ rel dans le fichier json.

A bientôt.