[FLEX] TileList + Pagination

Bonjour à tous ;) ,
je voudrai développer une application Flex qui ressemblerai à un blog, actuellement j'arrive à charger mes différents "articles" dans une tileList , j'aimerai cependant ajouter une pagination pour n'afficher que les 20 premiers articles, puis les 20 précédents.. etc. pour qu'au final sa ressemble à un truc du genre :

[Prev] 1 2 3 4 5 ... [Next]

(actuellement ma tileList est remplis par des itemRenderer remplis eux même de donnée provenant d'un fichier xml/ ou d'un couple php/mysql )
Auriez vous des idées? des pistes ?
Je cherche a faire au plus simple.
Merci d'avance. A bientôt
skyneT.

la première idée qui me vient serait de "couper" ton dataProvider en plusieurs dataProvider de taille 20, puis de créer autant de TileList qu'il y a de pages et les gérer via un ViewStack :roll:

y'a surement mieux mais c'est ce qui me vient à l'instant :aie:

Merci
Comment je fait pour couper le data provider ?
Je gère sa directement en créant un paging depuis php et ensuite j'ajoute des bouton dynamiquement en fonction du nombre de pages ? et chaque bouton pointerai faire un fichier php avec un LIMIT x,Y dynamique ?

Il faudrai que les tileList soient crées uniquement en fonction du nombre d'entités dans la bases
=< 20 pas de new tilelist
< 20 new tileList etc..
Ensuite pour le viewStack c une bonne idée je pense :p
Par contre, comment créer la navigation dans ce même viewStack ?
Merci d'avance
skyneT.

pour découpe ton dataprovider il suffit d'effectuer le traitement avant l'affectation de ce dataprovider. Je suppose que tu fais appel a un remoteObject ou un HTTPService, pour obtenir ton arraycollection/xml qui alimentera le dataProvider de ta tileList, non? Alors il suffit de préparer le terrain au moment de la réponse , puis affecter en conséquence les dataProvider aux TileList. C'est un petit travail de préparation des données pas si compliqué a mettre en oeuvre ;)

le viewstack se positionne avec n'importe quel composant, il suffit de modifier sa propriété selectedIndex (0 equivaut à la page 1, 1 à la page 2 , etc...)

Merci de ton aide Jim_Nastiq,
mais je doit t'avouer que j'y verrai vraiment plus clair avec un bout de code :p
je suis encore un low en flex lol ^^ et je ne trouve pas grand chose sur le net concernant mon problème.

mon httpService :

Code:

---

1 2 3 4

<mx:HTTPService id="xmlBlog" url="data.xml" makeObjectsBindable="true"/>

---

J'initialise mon httpService au lancement de l'appli

Code:

---

creationComplete="xmlPhotos.send();"

---

Et voilà ma tileList :

Code:

---

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

<mx:TileList itemRenderer="articleRenderer" doubleClickEnabled="true" itemDoubleClick="onClick(event);" maxColumns="2" dataProvider="{xmlBlog.lastResult.root.article}" height="{xmlBlog.lastResult.root.article.length*167+4}" scroll="false" verticalScrollPolicy="off" width="620" top="0" id="TileListArticles">

---

Comment procéder pour préparer mes données et comment faire pour créer les autres tileList ainsi que les pages du viewStack et les boutons qui contrôlent ces pages tout cela en fonction du nombre d'articles présent dans le fichier xml.
merci beaucoup de ta patience.
skyneT.

il faut que tu écoutes l'évènement result plutot:

ton httpservice :

Code:

---

1 2 3 4

<mx:HTTPService id="xmlBlog" url="data.xml" makeObjectsBindable="true"/>

---

ta tileList:

Code:

---

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

<mx:TileList id="taTileList" itemRenderer="articleRenderer" doubleClickEnabled="true" itemDoubleClick="onClick(event);" maxColumns="2" height="{xmlBlog.lastResult.root.article.length*167+4}" scroll="false" verticalScrollPolicy="off" width="620" top="0" id="TileListArticles">

---

dans creationComplete:

Code:

---

creationComplete="init()"

---

et voici le reste :

Code:

---

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

private function init():void { xmlBlog.addEventListener(ResultEvent.RESULT, onResult); xmlBlog.send(); }   private function onResult(evt:ResultEvent):void { // traitement sur ton resultat (evt.result) // ... // var page1DataProvider = ... taTileList1.dataProvider = page1DataProvider; // ... }

---