Bonjour,
Je n'arrive pas à faire fonctionner le plugin "types", pour jstree.
Voila mon code :
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
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>
J'ai essayé différentes syntaxes pour le paramètre "types", sans succès.
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"} } ] } ]
Je vous remercie pour votre aide,
Gillou.
Partager