List dataProvider et itemRenderer

Version imprimable

14/04/2008, 16h13
Watier_53

List dataProvider et itemRenderer

J'ai un soucis avec les éléments du titre.

Je m'explique : je possède une liste dont l'itemRenderer est une classe cellule.

Jusque là pas de problème.

Ensuite ce composant a des états. Soit normal soit editable. Suivant l'état on a un label ou un textInput. La encore aucun soucis je parviens à avoir ces éléments dans ma liste.

Le problème vient au moment de créer des objets que je vais mettre dans un arrayCollection et qui va me servir à remplir le dataProvider de ma liste.

Imaginons que je créer un objet en précisant par exemple le currentState (etat) à normal.

Puis un second. Je me trouve avec deux éléments dans ma liste : c'est à dire deux objets de la classe cellulle.

Si maintenant j'ajoute à ma classe cellule une méthode creationComplete et dans celle ci je mets une fenetre d'alerte pour me prevenir lors de la création de l'objet.

C'est là que je comprend pas, bien qu'ayant seulement deux objets dans ma liste la fenêtre d'alerte apparait trois fois.

Je ne sais pas si j'ai bien compris le concept mais je trouve cela étrange et gênant car je ne parviens pas à faire ce que je souhaite.

Merci pour vos réponses futures.
14/04/2008, 16h18
Jim_Nastiq

un petit bout de code? :roll:

sinon juste une question de curiosité pour tes champs editable ou non ,pourquoi ne pas avoir le meme composant textinput ou tu modifies simplement l'attribut editable ?
14/04/2008, 17h17
Watier_53

oui c'est pas bête pour le texte input !!! quant au reste je peux pas te donner de code car il est trop conséquent ! mais comprend tu de koi je parle? c'est pas facile à expliquer pour moi !
14/04/2008, 17h30
Jim_Nastiq

je vois de quoi tu parles mais pour t'aider il faudrait dans l'absolue que je puisse tester chez moi, et il faudrait au moins voir comment tu alimentes ton arrayCollection, comment tu affiches ta popup bref tout les points qui peuvent etre sujet à probleme, histoire de cercler la source du problème...

J'ai refait un programme simple qui jepense peut résumer tout mes problèmes.
Ne voit aucun intérêt à ce programme c'est juste pour te montrer ce qui ne va pas.

Premier fichier main.mxml :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"  creationComplete="init()">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			public function init():void
			{
				var ac:ArrayCollection = new ArrayCollection();
				var o:Object = new Object();
				var o2:Object = new Object();
				o= {nom:"Dupont",prenom:"Jean",mail:"dupont@mail.fr",currentState:"Viewable"};
				o2= {nom:"Baptiste",prenom:"Pierre",mail:"baptiste@mail.fr",currentState:"ViewableMail"};
				ac.addItem(o);
				ac.addItem(o2);
				liste.dataProvider = ac;
 
			}
		]]>
	</mx:Script>
	<mx:HBox width="100%">
		<mx:List id="liste" itemRenderer="{new ClassFactory(composantcell)}" width="150" height="200"/>
	</mx:HBox>
 
</mx:Application>

Deuxième fichier composantcell.mxml

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
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="150" height="30" currentState="{data.currentState}" creationComplete="affiche()">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
 
			public function affiche():void
			{
				Alert.show(nom.text+" ");	
			}
		]]>
	</mx:Script>
	<mx:states>
		<mx:State name="Viewable">
			<mx:AddChild relativeTo="{this}" position="lastChild">
                <mx:target>
                    <mx:Label id="nom"  text="{data.nom}" />
                </mx:target>
            </mx:AddChild>
            <mx:AddChild relativeTo="{this}" position="lastChild">
                <mx:target>
                    <mx:Label id="prenom"  text="{data.prenom}" />
                </mx:target>
            </mx:AddChild>
        </mx:State>
		<mx:State name="ViewableMail">
			<mx:AddChild relativeTo="{this}" position="lastChild">
                <mx:target>
                    <mx:Label id="mail"  text="{data.mail}" />
                </mx:target>
            </mx:AddChild>
        </mx:State>
    </mx:states>
</mx:HBox>

Ce code affiche une liste de deux éléments : chaque élément à un état différent.
Pour chaque élément j'appelle une méthode affiche. Cet méthode me fait une fenetre Alert m'affichant le nom de la personne.

Pourquoi lors du lancement de l'appli Baptitse apparait deux fois alors que je l'ai créé qu'une seule fois !!???

15/04/2008, 09h43
Jim_Nastiq

en effet ce comportement parait etrange(y'a surement une logique qui nous echape) , je pense(a tord surement) qu'a la creation de ton application(Main) il instancie ton composant(composantcell) et qu'ensuite il instancie le composant a chaque item...

je ne vois que ca...
15/04/2008, 09h55
Watier_53

alors a ce moment si je ne rempli pas le data provide je dois voir le Alert une fois ? mai pourquoi il met Baptiste?
15/04/2008, 10h06
Jim_Nastiq

je pense plutot que tu ne la veras pas du tout :roll:

a toi de fouiner en mod debug(enfin si t'as le temps et si tu es curieux) pour voir le comportement précis.
16/04/2008, 09h33
Watier_53

J'ai toujours pas ytrouvé de réponse ! personne n'a rencontré ce problème qui est quand même pas banal ! je comprend pas la logique du truc. Lorsque que l'on met un objet dans le data provider ça nous génere pas une instance de la classe du item renderer ?

voici les infos du debugger ;

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
[SWF] C:\Documents and Settings\bechu\My Documents\Flex Builder 3\test\bin-debug\test.swf - 878 996 bytes after decompression
warning: unable to bind to property 'currentState' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'prenom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'mail' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'nom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'currentState' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'prenom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'mail' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'nom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'currentState' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'prenom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'mail' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'nom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'currentState' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'prenom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'mail' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'nom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'currentState' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'prenom' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'mail' on class 'Object' (class is not an IEventDispatcher)
warning: unable to bind to property 'nom' on class 'Object' (class is not an IEventDispatcher)

en modifiant ainsi je n'ai plus de wrning mais tjrs le meme comportement

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
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"  creationComplete="init()">
   <mx:Script>
      <![CDATA[
         import mx.collections.ArrayCollection;
         import mx.utils.ObjectProxy;
         public function init():void
         {
            var ac:ArrayCollection = new ArrayCollection();
            var o:Object= {nom:"Dupont",prenom:"Jean",mail:"dupont@mail.fr",currentState:"Viewable"};
            var o2:Object = {nom:"Baptiste",prenom:"Pierre",mail:"baptiste@mail.fr",currentState:"ViewableMail"};
 
            var result:Array = new Array();
            result.push(o);
            result.push(o2);
            for(var i:String in result) result[i] = new ObjectProxy(result[i]);
               ac = new ArrayCollection(result);
            liste.dataProvider = ac;
         }
      ]]>
   </mx:Script>
   <mx:HBox width="100%">
      <mx:List id="liste" itemRenderer="composantcell" width="150" height="200"/>
   </mx:HBox>
 
</mx:Application>

16/04/2008, 11h41
Jim_Nastiq

tu peux toujours utiliser une solution de contournement qui consisterais a ignorer le 1er creationComplete, tu obtiendrais le comportement souhaité . Mais ce n'ets qu'une solution de contournement je te l'accorde :?
16/04/2008, 11h43
Watier_53

oui mais non ! car derrière j'ai un bug quand j'applique un evenement sur l'un des objets de ma liste ! ça lance d'autre évenements non souhaité !

En fait j'ai déjà trouvé une autre alternative qui est d'utiliser une VBox mais je voudrais comprendre ce comportement douteux.

Et pour le moment personne ne peut me répondre ni ici ni dans d'autre forum !