Discussion :

[LeGilou]

Bonjour,

Je débute sur jquery et j'essaye de voir comment utiliser "jstree".
Mon code est le suivant :

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
 
<script type="text/javascript">
 
$(function () {
 
	$("#arbre")
		.jstree({
			"plugins" : [ "themes", "json_data", "ui" ],
			"core" : { 
				  animation : 0
			},
			"themes" : { 
				  url : "<?=URL_TEMPLATES . TEMPLATE_NAME?>/jstree/classic/style.css",
				  theme : "classic",
				  icons : false
			},			
	        "json_data" : {
	            "ajax" : {
	                url : "data.json",
	                data : function (n) {
	                    return { id : n.attr ? n.attr("id") : 0 };
	                }
	            }
	        }
	    })
 
	    .bind("select_node.jstree", function (event, data) {
            if (data.rslt.obj.attr("href")) window.location.href = data.rslt.obj.attr("href");
            else alert(data.rslt.obj.attr("id"));
        });
	});
</script>

Ca fonctionne pas plutôt bien. Les dossiers s'ouvre lorsque je clique sur les [+].
J'aimerais maintenant savoir si il est possible d'ouvrir les menus, en cliquant sur le texte du noeud.

Je vous remercie,

Gilles

[LeGilou]

pour ceux qui cherchent, voila comment faire :

Code :

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

1
2
3
4
 
	    $("#arbre").bind("select_node.jstree", function(event, data) {
	    	  return data.inst.toggle_node(data.rslt.obj);
	    });

a bientôt