ArrayCollection as result

Question

Hi, trying to use ArrayCollection as result container but
cant get it to populate a DataGrid
this is based on example on page 1153/4 of flex2_devguide.pdf
.. usual stuff
<mx:HTTPService id="gameRequest" url="data/gameList.xml"
showBusyCursor="true"/>
<mx:ArrayCollection id="gameArray"
source="gameRequest.lastResult.FMPDSORESULT.ROW"/>
<mx:Button label="getGames" click="gameRequest.send()"
x="722" y="14"/>
<mx:DataGrid x="10" y="104" width="796" height="380"
id="gameList" dataProvider="{gameArray}" >
etc..
- with ArrayUtil conversion also, as in example
<mx:ArrayCollection id="gameArray"
source="{ArrayUtil.toArray(gameRequest.lastResult.FMPDSORESULT.ROW)}"/>
In both case all I is see is the DataGrid filled with the
source value as a string ie
"{ArrayUtil.toArray(gameRequest.lastResult.FMPDSORESULT.ROW)}" then
no update after the send?
Data is ok because ignoring the ArrayCollection thus, loads
the data fine:
<mx:DataGrid x="10" y="104" width="796" height="380"
id="gameList"
dataProvider="{gameRequest.lastResult.FMPDSORESULT.ROW}" >
tried other similar examples for instance page 1142/3, copied
direct with only changes to load my data, with ArrayCollection
nothing, with dataProvider no problem
FYI Mac Flex 2
thanks for any help.

Answer 1

Here you go, i just tested this so i know it works. Try doing
your data manipulation in script as its allot easier to tell whats
going on:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:HTTPService id="gameRequest" url="data/gameList.xml"
showBusyCursor="true" result="{parseGames(event)}"/>
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.utils.ArrayUtil;
import mx.collections.ArrayCollection;
private var gameArray:Array; //Stores assets to load //
private function parseGames(event:ResultEvent):void {
gameArray=
mx.utils.ArrayUtil.toArray(event.result.FMPDSORESULT.ROW);
debug.text= "array created!";
gameList.dataProvider= gameArray[0];
debug.text= "data grid populated!";
]]>
</mx:Script>
<mx:Button label="getGames" click="gameRequest.send()"
x="10" y="10"/>
<mx:DataGrid x="10" y="40" width="796" height="380"
id="gameList">
</mx:DataGrid>
<mx:Label x="113" y="14" text="debug" id="debug"/>
</mx:Application>