Flex Tilelist con array associativo

Question

Ho un array associativo che voglio visualizzare usando TileList. Tuttavia, non capisce cosa viene alimentato ad esso. Tutto quello che ho ottenuto è [oggetto] nel tilelista.

[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}"/>

Ho provato a usare MX: ItemRender ma renderà solo uno e solo un elemento, cioè la stringa del nome della persona o l'immagine dell'URL. L'obiettivo finale è quello di far mostrare la foto di TileList che usa l'URL dall'array insieme al loro nome come etichetta. Qualche suggerimento?

E l'array sembra questo "nome" => stringa del nome di una persona "img" => stringa dell'URL IMG

Answer 1

Dovresti utilizzare un rendering di articoli personalizzati, come questo:

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

In questo modo puoi personalizzare gli elementi dell'elenco come desideri.