TabNavigator - Initialisation du contenu

Bonjour à tous,

J'ai un TabNavigator avec plusieurs onglets. Voici le code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<mx:TabNavigator height="190" width="100%" id="tabNavigator"> <s:NavigatorContent label="Moulures" width="100%" height="100%" textAlign="center"> <views:ListView dataProvider="{moulArray}">   </views:ListView> </s:NavigatorContent> <s:NavigatorContent label="Magnets" width="100%" height="100%"> <views:ListView allowMultipleSelection="true" dataProvider="{magnArray}">   </views:ListView> </s:NavigatorContent> </mx:TabNavigator>

---

Le problème c'est que le ListView "Magnets" n'est créé que quand je clique sur l'onglet "Magnets".

J'aimerai donc savoir si il était possible d'initialiser le contenu sans avoir à cliquer dessus ?

Car j'ai des images dans ces listes view, et elles sont chargées seulement quand on affiche l'onglet.

Merci d'avance pour votre aide

Salut,

dans ton composant ListView, as-tu du code qui s'éxecute sur l'event 'creationComplete' ( par exemple, initialisation de tes variables, childs etc..) ? en gros du code responsable de la création de ton composant ?
Si c'est le cas, tu peux utiliser plutôt les event 'initialize' ou même 'preinitialize'.

Ça peut être une piste.

Oui tout s'exécute dans creationComplete(). J'ai découvert la fonction initialize et j'essaye de l'exécuter sur mon composant ListView mais j'ai une exception pour un pointeur null. Voici le code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<mx:TabNavigator height="190" width="100%" id="tabNavigator"> <s:NavigatorContent label="Moulures" width="100%" height="100%" textAlign="center"> <views:ListView dataProvider="{moulArray}">   </views:ListView> </s:NavigatorContent> <s:NavigatorContent label="Magnets" width="100%" height="100%"> <views:ListView id="myMagnet" allowMultipleSelection="true" dataProvider="{magnArray}">   </views:ListView> </s:NavigatorContent> </mx:TabNavigator>

---

J'ai donc rajouter l'ID pour la ListView "Magnets". Le problème c'est que quand j'exécute l'instruction :

Code:

---

1 2	myMagnet.initialize();

---

J'ai une exception à l'exécution, apparemment le pointeur est null. En déboguant j'ai remarqué qu'il n'était plus null une fois que je l'ai ouvert au moins une fois.

Existe-t-il une solution pour "simuler" cette ouverture d'onglet ?

La solution est dans la propriété creationPolicy.

Merci pour l'info, je crois que j'y suis presque.

Quand je mets la propriété creationPolicy à "all", il n'y a que le premier élément des autres ListView qui s'initialise. J'ai donc effectué un debug complet pour voir l'ordre de création.

Ci-dessous, ItemView est le ItemRenderer utilisé dans mes lists, j'ai donc une fonction init() dans ceux-ci. J'ai mis des breakpoints, dans le init du ItemView et de ma ListView.

Dans la structure j'ai mes deux ListView ("Moulures" et "Magnets"). Respectivement je les appellerai 1 et 2.

Dans ListView 1 j'ai 3 ItemView. Dans ListView 2 j'ai 2 ItemView.

Quand creationPolicy est à "auto" (par défaut), l'ordre d'exécution des init() est le suivant:

+ ItemView 1 de la ListView 1
+ ItemView 1 de la ListView 1
+ ItemView 2 de la ListView 1
+ ItemView 3 de la Listview 1

+ ListView 1

Ce qui est normal. Et quand je clique sur la deuxième ListView, elle s'exécute correctement.

Par contre avec creationPolicy à "all", voici l'ordre:

+ ItemView 1 de la ListView 2
+ ItemView 1 de la ListView 1
+ ItemView 1 de la ListView 1
+ ItemView 2 de la ListView 1
+ ItemView 3 de la Listview 1

+ ListView 1
+ ListView 2

Donc il n'y a que le premier élément de la deuxième ListView qui est initialisé. Le deuxième est initialisé quand je clique sur la ListView...

Apparemment la propriété creationPolicy n'est plus utilisé dans la classe Spark. Ce qui voudrait dire qu'elle n'influence pas le contenu des ListViews. Et ce qui expliquerait ce comportement.

Mais comment faire dans ce cas là ?

Connaissez-vous une autre propriété permettant de forcer l'initialisation ?

Citation:

---

Apparemment la propriété creationPolicy n'est plus utilisé dans la classe Spark.

---

Qu'est ce qui te fais dire cela ???

http://help.adobe.com/en_US/flex/usi...9084-7cb8.html

Quand je tente de mettre cette propriété dans s:List il met une erreur comme quoi il ne connait pas creationPolicy.

Je pense que c'est pour ça qu'il n'y a pas tous les éléments qui sont créés.

Cette propriété ne concerne que les SkinnableContainer.
Il faut la définir au niveau du parent (le TabNavigator).

C'est ce que j'ai fait précédemment mais les listView ne sont pas complètement initialisées

merci ce topic a regler mon probleme

en fait ca reste néonmoins assez bizare ...

d'apres la doc creationPolicy est sur auto par default
aussi d'apres la meme doc auto est pareil que all (ils ont fumé chez adobe ? a quoi bon créer 2 variables qui font la meme chose :aie:)

bref chez moi j'ai mis cet attribut sur "all" aussi bien sur le tabnavigator
mais aussi à TOUS ces enfants directs (s:NavigatorContent)
depuis j'ai plus d'exception :lol:

Citation:

---

ils ont fumé chez adobe ? a quoi bon créer 2 variables qui font la meme chose

---

Avant de tirer des conclusions aussi hâtives il faudrait d'abord correctement lire la documentation !!

En effet il faut faire la distinction entre les single-view containers et les multiple-view containers. Dans le premier cas effectivement il n'y a pas de différence entre all et auto, mais dans le second cas la différence existe bel et bien !!

Évidemment ils ont pas créés deux valeurs d'attributs pour le plaisir :mouarf:
Concernant le problème en question, mettre à all le creationPolicy ça règle forcément ton problème et c'est une solution de facilité évidente.
Mais en terme de perf, c'est pas top (tout est chargé alors que l'utilisateur n'ira peut-être jamais sur certains onglets).

A toi de voir selon le besoin mais la solution de Krazymins est plus qu'une piste ! C'est une solution !

Pourtant je vous assure qu'il n'y a que le premier élément de mes ListViews qui est initialisé. Mais c'est un composant perso, je vais donc chercher dans mon code.