List dataProvider et itemRenderer

**Watier_53** · 14/04/2008, 16h13

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.

**Jim_Nastiq** · 14/04/2008, 16h18

un petit bout de code?

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 ?

**Watier_53** · 14/04/2008, 17h17

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 !

**Jim_Nastiq** · 14/04/2008, 17h30

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...

**Watier_53** · 15/04/2008, 09h11

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 :

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
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 :

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
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 !!???

**Jim_Nastiq** · 15/04/2008, 09h43

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...

**Watier_53** · 16/04/2008, 10h45

voici les infos du debugger ;

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
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)

**Watier_53** · 16/04/2008, 10h53

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

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
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>

**Jim_Nastiq** · 16/04/2008, 11h41

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

**Watier_53** · 16/04/2008, 11h43

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 !

List dataProvider et itemRenderer

Flex

Vue hybride

Discussions similaires

Partager

Partager