Flex TileList avec tableau associatif

Question

J'ai un tableau associatif que je veux afficher à l'aide TileList. Cependant, il ne comprend pas ce qui est alimenté à elle. Tout ce que je suis arrivé est [objet] dans le TileList.

[bindable]
public var people as array = new array();

private function loadArray():void{
people = decoded JSON array
showPeople.dataProvider = people;}

<mx:Tilelist id="showPeople" labelField="{data.name}" iconField="{data.imgURL}"/>

J'ai essayé d'utiliser la mx: itemRender mais elle ne rendra un et un seul élément, à savoir soit la chaîne du nom ou l'image de l'URL de la personne. L'objectif final est d'avoir le TileList montrer l'image d'une personne utilisant l'URL du tableau ainsi que leur nom l'étiquette. Toute suggestion?

Et le tableau se présente comme suit 'Name' => string du nom d'une personne 'Img' => chaîne de l'URL img

Answer 1

Vous devez utiliser un moteur de rendu d'élément personnalisé, comme celui-ci:

<mx:itemRenderer>
  <mx:Component>
    <mx:HBox>
      <mx:Text width="100" height="100" text="{data.name}"/>
      <mx:Image width="100" height="100" source="{data.imgURL}"/>
    </mx:HBox>
  </mx:Component>
</mx:itemRenderer> 

De cette façon, vous pouvez personnaliser vos éléments de liste que vous le souhaitez.