Discussion :

[kelthalorn]

Bonjour à tous,

Pour mon premier post sur le forum, je viens vers vous suite à un problèmes avec un menu. Je précise que je débute totalement en Dojo.

Pour mon projet, j'ai un arbre digit qui fonctionne (j'ai utilisé l'arbre de démo du Campus et je lui ai appliqué mon propre Json.

Dans ce Json, certains éléments ont des attributs qui sont stockés sous forme de tableau.

Le but est de pouvoir accéder par clic droit sur le noeud de mon arbre à ses éventuels attributs.

En parcourant les différents post du forum, j'ai remarqué que certains ont déjà eu le souci du clic droit et j'ai donc décidé dans un premier temps de gérer l'action en deux temps :

-> On clique sur un neoud afin de stocker l'item courant
-> Le clic droit doit m'afficher mon menu avec comme menuItem les différents attributs si existant.

C'est sur ce deuxième point que le problème intervient. Je ne vois pas du tout comment générer un menu dynamique.

Si quelqu'un à une idée, je suis preneur.

Merci d'avance.

Kelthalorn

PS : je ne peux malheureusement pas vous fournir le Json, protection intellectuelle oblige. Désolé

[emmanuel.remy]

Salut,

Vite fait du camping, pardon si une faute de frappe s'insère dans le code : crée la structure de ton menu en HTML

Code :

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

<ul dojoType="dijit.Menu" id="mnuTree" style="display: none;">...

Ensuite dans ton Tree:

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
	<div dojoType="dijit.Tree" id="monTree" ...>
		<script type="dojo/connect">
			var menu = dijit.byId("mnuTree");
			//gestion du clic droit...
			menu.bindDomNode(this.domNode);
			
			//fonction appelée à chaque ouverture du menu
			dojo.connect(menu, "_openMyself", this, function(e){
			var tn = dijit.getEnclosingWidget(e.target);
			//tu peux maintenant utiliser tn.item			
			//possibilité d'ajouter des menus programmativement ainsi:
			//ce sont des exemples !!
			menu.addChild(new dijit.MenuItem({label:"info 1",disabled:true}));
			menu.addChild(new dijit.MenuSeparator());
			menu.addChild(new dijit.MenuItem({label:"info 2", onClick:function() {alert('cliqué');}, accelKey:"Shift+S"}));

			});
		</script>
</div>

Bon dev,

ERE

[kelthalorn]

Tout d'abord merci pour ta réponse.

Je vais essayer d'intégrer tout ça dans mon code et je te tiens au courant