ToolTip Dialog sur un Tree
Bonjour a tous, je développe une application web a l'aide du framework dojo. depuis plusieurs semaine j'ai un problème et je n'arrive pas a avancé.
j'aimerai afficher un tooltip dialog lorsqu'on survole chaque élément de mon abre.
voici mon code mais cela ne fonctionne que sur les noeuds de plus plus haut niveau de mon arbre. SVP aidez moi....
Code:
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
| ready(function(){
var tree = new Tree({
model: model,
persist: true,
getIconClass:function(item){
return item.icon;
},
_createTreeNode: function(args){
return new MyTreeNode(args);
},
});
tree.placeAt(dom.byId("fileGridTreePane"));
tree.startup();
tree.expandAll();
var tab =new Array(5);
tab[1] = new TooltipDialog({
style: "width: 300px;",
content: "<p>I have a mouse leave event handler that will close the dialog.SDH",
onMouseLeave: function(){
popup.close(tab[1]);
}
});
tab[2]= new TooltipDialog({
style: "width: 300px;",
content: "<p>I have a mouse leave event handler that will close the dialog.<b>PDH</b> <img src='../images/smallUpDown.gif'/>",
onMouseLeave: function(){
popup.close(tab[2]);
}
});
tab[3]= new TooltipDialog({
style: "width: 300px;",
content: "<p>I have a mouse leave event handler that will close the dialog.<b>PDHff</b>",
onMouseLeave: function(){
popup.close(tool);
}
});
on(dom.byId('dad'), 'mouseover', function(){
popup.open({
popup: tab[1],
around: dom.byId('dad'),
});
});
on(dojo.byId('mum'), 'mouseover', function(){
popup.open({
popup: tab[2],
around: dom.byId('mum'),
});
});
on(dojo.byId('axe'), 'mouseover', function(){
popup.open({
popup: tool,
around: dom.byId('axe'),
});
});
}); |
le tooltip du noeud dojobyId('axe') par exemple ne fonctionne pas. car celui-ci est une noeud fils.
ya t-il un moyen plus simple d'afficher les tooltips dialog sur tout les noeuds de l'arbre?? sinon, pourquoi les tooltips des noeuds fils ne s'affichent t-il pas?
