I am trying to get this TileList to display my data from an HTTPService, however, in the itemRenderer(Thumbnail), Flex will display my data when I code my image source as "{data.image}", but I want to know how does flexstore code it as "{product.image}" and their data gets displayed? I tried following their structure, but got lost somewhere. Can anybody help? Here is how I coded my App:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="*" creationComplete="initApp()"> <mx:Script> <![CDATA[ import mx.collections.ArrayCollection; import mx.rpc.events.ResultEvent; [Bindable] public var catalog:ArrayCollection; public function initApp():void{ srv.send(); } public function resultHandler(event:ResultEvent):void{ catalog = event.result.catalog.product; } ]]> </mx:Script> <mx:HTTPService id="srv" url="data/catalog.xml" useProxy="false" result="resultHandler(event)"/> <mx:Canvas x="0" y="0" width="100%" height="100%"> <mx:HBox width="100%" height="100%"> <Cart id="cartPanel" width="30%" height="100%"/> <CatalogPanel id="catalogPanel" width="70%" height="100%" catalog="{catalog}"/> </mx:HBox> </mx:Canvas> </mx:Application> <?xml version="1.0" encoding="utf-8"?> <mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="*"> <mx:Script> <![CDATA[ import mx.collections.ArrayCollection; [Bindable] public var catalog:ArrayCollection = new ArrayCollection(); ]]> </mx:Script> <mx:TileList dataProvider="{catalog}" height="100%" width="100%" itemRenderer="Thumbnail" id="productTileList" rowCount="3" columnCount="4"/> </mx:Panel> <?xml version="1.0" encoding="utf-8"?> <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ import mx.events.*; import mx.core.*; [Bindable] public var product:Object; ]]> </mx:Script> <mx:VBox x="0" y="0" width="100%" height="100%" horizontalAlign="center" verticalAlign="middle"> <mx:Image width="85" height="85" verticalAlign="middle" horizontalAlign="center" source="{product.image}" id="image" useHandCursor="true"/> <mx:Label text="{product.name}" fontSize="10" fontFamily="Arial"/> </mx:VBox> </mx:Canvas> -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/