Flex Tilelist mit assoziativem Array

Question

Ich habe ein assoziatives Array, das ich mit Tilelist anzeigen möchte. Es versteht jedoch nicht, was damit gefüttert wird. Alles was ich habe ist [Objekt] im Tilelisten.

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

Ich habe versucht, den MX: itemRender zu verwenden, aber es wird nur ein und nur ein Element rendern, dh entweder die Zeichenfolge des Namens der Person oder das Bild der URL. Das Endziel ist, dass die Tilelist das Bild einer Person mit der URL aus dem Array zusammen mit ihrem Namen als Etikett zeigt. Irgendein Vorschlag?

Und das Array sieht aus wie dieser 'Name' => Zeichenfolge des Namens einer Person 'img' => String der IMG -URL

Answer 1

Sie sollten einen benutzerdefinierten Element -Renderer wie dieses verwenden:

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

Auf diese Weise können Sie Ihre Listenelemente nach Belieben anpassen.