Discussion :

[sohnic]

Bonjour,
J'ai un arbre fait avec jstree, construit dynamiquement avec un appel ajax qui renvoie un JSON.
Maintenant, je voudrais que les feuilles de l'arbre ouvrent une page web dans une nouvelle fenêtre.
Dans l'absolu, c'est faisable facilement:

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
 
 $(document).ready(function(){
 
                 $('#tree-container').jstree({
                            'plugins': ["sort"],
                            'core' : {                              
                                'data' : {
                                    "url" : "getChildren.php",
                                    'data' : function (node) {
					return { 'id' : node.id };
				      },
                                    "dataType" : "json", // needed only if you do not supply JSON headers       
 
                                }
                            }
                        }
                ) 
                //////////CREATION DE LIEN SUR CHAQUE NOEUD ET DEBUT DU PROBLEME /////////
                .bind("select_node.jstree", function (e, data) {
 
                		var href = data.node.a_attr.href;
                		document.location.href = "lien_ad_hoc";
 
			});
                //////////////////////////
            });

Il y a surement un moyen simple pour une ouverture dans une nouvelle fenêtre.
MAIS:
Ce système créée un lien sur chaque noeud, or je ne le veux que sur les feuilles. Y a-t-il un moyen ?

A défaut, je comptais lancer un appel AJAX pour tester si ce noeud était valide, auquel cas j'ouvre la page web associée, sinon, je ne fais rien. Mais là encore, je ne vois pas comment lancer cet appel AJAX.
Si quelqu'un a une idée, je lui en serais vraiment reconnaissante !

Merci !

[mathieu]

affichez ce qu'il y a dans "data.node", vous verrez peut-être la profondeur du nœud :

Code :

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

console.log(data.node);

[sohnic]

Merci !

Code :

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

1
2
3
4
5
6
7
8
9
 
.bind("select_node.jstree", function (e, data) {
                		//Ajax: y a-t-il un JBrowse derriere ce noeud ?
                		if(data.node.children=="")
                		{
                			var href = data.node.a_attr.href;
                			document.location.href = "lien.php";
                		}
});

Impeccable !
Bonne journée,