[Flex3] ItemRenderer dans une HorizontalList, passage de paramètres [Résolu]

[anfalsh]

Bonjour à tous/toutes.

Voila pour vous me décrire mon problème, je veux utiliser une HorizontalList et la remplir avec un composant personnalisé.

Code de mon composant :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<mx:VBox name="{data.id}" xmlns:mx="http://www.adobe.com/2006/mxml" width="100" height="100" verticalGap="0">
	<mx:HBox width="100%" height="40%" horizontalGap="0">
		<mx:Canvas width="50%" height="100%" backgroundColor="{data.color1}"/>
		<mx:Canvas width="50%" height="100%" backgroundColor="{data.color2}"/>
	</mx:HBox>
	<mx:HBox width="100%" height="40%" horizontalGap="0">
		<mx:Canvas width="50%" height="100%" backgroundColor="{data.color3}"/>
		<mx:Canvas width="50%" height="100%" backgroundColor="{data.color4}"/>
	</mx:HBox>
	<mx:HBox width="100%" height="20%">
		<mx:Label text="{data.libelle}" color="{data.couleur_font}" width="100%" height="18" textAlign="center"/>
	</mx:HBox>	
</mx:VBox>

Pour renseigner les différentes données dynamique, j'utilise donc un dataProvider qui est un tableau contenant les différents éléments.

Mon problème est que seul le libellé est correctement affiché. Toutes mes couleurs ne sont pas prisent en compte.
J'ai débuggé, et mon tableau est correctement remplis, mes couleurs étant enregistrées comme des chaines à la forme "#FFFFFF" ne sont pas prises en compte.
Mon tableau de donnée est généré dynamiquement grâce à du code as3. Précédemment j'utilisais les balises mxml pour créer mon tableau et tout fonctionnait correctement.

Mon code utilisant les balises mxml donnait cela:

Code :

1
2
3
<mx:Array id="themes">
	<mx:Object libelle="Classique" couleur_font="#2b3200" color1="#4b5602" color2="#93971a" color3="#bbc14e" color4="#d3da82" />
	<mx:Object libelle="default" couleur_font="#000000" color1="#FFFFFF" color2="#000000" color3="#FFFFFF" color4="#000000" /> ....

et correspond à mon tableau qui est structuré de la façon suivante:

Code :

1
2
3
 
 myTab[0].libelle = "monlibelle";
 myTab[0].color1 = "#FFFFFF"; ....

Donc voila le problème, sachant que le libellé est correctement passé à mon composant, je ne comprend pas pourquoi il n'en est pas de même pour les couleurs!

Merci d'avance pour vos propositions et votre aide.

[Jim_Nastiq]

je crois me souvenir qu'il faut d'abord initialiser la couleur puis la changer via script

fait un truc du genre :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<mx:HBox width="100%" height="40%" horizontalGap="0">
		<mx:Canvas id="cnv1" width="50%" height="100%" backgroundColor="#FFFFFF"/>
		<mx:Canvas  id="cnv2" width="50%" height="100%" backgroundColor="#FFFFFF"/>
	</mx:HBox>
 
                <mx:Script>
                        <![CDATA[
                                override public function set data(value:Object):void
                                {
                                        super.data = value;
                                        cnv1.setStyle("backgroundColor", data.color1);
                                        cnv2.setStyle("backgroundColor", data.color2);
                                }
                        ]]>
                </mx:Script>

[anfalsh]

Merci Jym Nastique, j'ai essayer ta méthode, le seul hic est qu'une erreur est levée. Le composant canvas est null au moment ou la fonction data est appelée apparement

le code de l'erreur:

Code :

TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.

Est elle est levé à cette endroit du composant:

Code :

1
2
3
4
5
6
7
8
9
override public function set data(value:Object):void
	        {
	                super.data = value;
	                cnv1.setStyle("backgroundColor", data.color1);
	                cnv2.setStyle("backgroundColor", data.color2);
	                cnv3.setStyle("backgroundColor", data.color3);
	                cnv4.setStyle("backgroundColor", data.color4);
	                titre.setStyle("color",data.couleur_font);
	        }

[Jim_Nastiq]

au pire tu effectues les affectations de style lors du creationComplete

[anfalsh]

Mille merci maitre du flex, grâce à toi j'ai échappé à l'internement en hôpital psychiatrique car ce petit problème à faillit me rendre fou!

Encore merci!