Tooltip et DataGroup : le layout
Bonjour,
Lorsque j'exécute le code ci-dessous, le tooltip ne s'affiche que sur une zone au lieu de 3. Pour qu'elle s'affiche sur les 3 je dois mettre un layout vertical sur le DataGroup, mais alors les zones ne sont plus correctement positionnées. Cela se produit de la même façon avec un ItemRenderer externe.
Merci pour votre aide.
Cordialement.
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
58
59
60
61
62
63
|
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
creationComplete="init()">
<fx:Declarations>
<!-- LECTURE DES DONNEES -->
<!-- Lecture du contenu des rubriques -->
<s:HTTPService
fault="faultHandler(event)"
id="accueil_"
result="processResult(event)"
resultFormat="e4x"
url="data/accueil.xml" />
<fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.XMLListCollection;
import mx.controls.Alert;
import mx.events.ToolTipEvent;
import mx.managers.ToolTipManager;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
[Bindable]
public var dp:Object;
public function faultHandler(evt:FaultEvent):void
{
// Echec de la lecture du fichier .xml
Alert.show("Une erreur s'est produite\n : " + "\nDétails\n" + "faultCode : " + evt.fault.faultCode + "\n" +
"faultDetail : " + evt.fault.faultDetail + "\n" +"faultString : " + evt.fault.faultString + "\n");
}
private function init():void
{
// paramétrage des tooltip
ToolTipManager.showDelay = 0;
ToolTipManager.hideDelay = Infinity;
// requête sur le fichier fichiers_groupement.xml
accueil_.send();
}
public function processResult(evt:ResultEvent):void
{
}
]]>
</fx:Script>
<!-- AFFICHAGE DE LA COPIE D'ECRAN -->
<mx:Image id="imgAccueil" source="img/accueil.jpg" />
<!-- mappage à l'aide de Canvas -->
<s:DataGroup
dataProvider="{new XMLListCollection(XMLList(accueil_.lastResult.corps.form))}">
<s:itemRenderer>
<fx:Component>
<s:ItemRenderer autoDrawBackground="false">
<s:BorderContainer
alpha="0.2" x="{data.x}" y="{data.y}" width="{data.width}" height="{data.height}"
borderColor="red" borderWeight="10" borderStyle="solid"
toolTip="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" />
</s:ItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:DataGroup>
</s:Application> |
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
58
59
60
61
62
63
64
65
66
67
68
69
70
|
<accueil>
<corps>
<form>
<zone>identification</zone>
<x>10</x>
<y>84</y>
<width>209</width>
<height>98</height>
<donnee>
<terme>terme 1</terme>
<definition>désignation ...</definition>
</donnee>
<donnee>
<terme>terme 2</terme>
<definition>identifiant ...</definition>
</donnee>
<donnee>
<terme>terme 3</terme>
<definition>un clic sur ce bouton ...</definition>
</donnee>
</form>
<form>
<zone>tableau_bord_part1</zone>
<x>558</x>
<y>84</y>
<width>228</width>
<height>70</height>
<donnee>
<terme>terme 1</terme>
<definition>affiche le nombre ...</definition>
</donnee>
<donnee>
<terme>terme 2</terme>
<definition>affiche le nombre ...</definition>
</donnee>
<donnee>
<terme>terme 3</terme>
<definition>affiche le nombre ...</definition>
</donnee>
</form>
<form>
<zone>tableau_bord_part2</zone>
<x>558</x>
<y>148</y>
<width>228</width>
<height>90</height>
<donnee>
<terme>terme 1</terme>
<definition>affiche le nombre de ...</definition>
</donnee>
<donnee>
<terme>terme 2</terme>
<definition>affiche le nombre ...</definition>
</donnee>
<donnee>
<terme>terme 3</terme>
<definition>affiche le nombre ...</definition>
</donnee>
<donnee>
<terme>terme 4</terme>
<definition>affiche le nombre ...</definition>
</donnee>
<donnee>
<terme>terme 5</terme>
<definition>affiche le nombre ...</definition>
</donnee>
</form>
</corps>
</accueil> |
