<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initApp()">

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initApp()">

http://www.manfridayconsulting.it/index.php?option=com_content&view=article&id=42:datagrid-binded-to-httpservice&catid=12:flex-3&Itemid=27

DataGrid binded to HTTPService

Lunedì 26 Gennaio 2009 20:23

How to consume an HTTPService using Xml Object. You can see the power of Databinding in this environment.

You only need to set the property dataProvider="{productsarray}" of the DataGrid to get all objects coming from

on results function.

 

Here an example of Xml object definition 

<dataroot>

<product>

<id>1</id>

<total>2</total>

<name>Motherboard</name>

<price>100</price>

</product>

<product>

<id>2</id>

<total>2</total>

<name>Pprocessor</name>

<price>150</price>

</product>

</dataroot>

 

Now we start with the sample application:  

 

<mx:Application

xmlns:mx="http://www.adobe.com/2006/mxml"

layout="absolute"

creationComplete="initApp()">

<mx:HTTPService id="srv" url="services/products.xml"

resultFormat="object"

result="onResult(event)"/>

<mx:DataGrid id="grid"

width="100%"

height="100%"

dataProvider="{productsarray}">

<mx:columns>

<mx:DataGridColumn headerText="Total No."

dataField="total"/>

<mx:DataGridColumn headerText="Name"

dataField="name"/>

<mx:DataGridColumn headerText="Price"

dataField="price"/>

</mx:columns>

</mx:DataGrid>

<mx:Script>

<![CDATA[

import mx.collections.ArrayCollection;

import mx.rpc.events.ResultEvent;

[Bindable]

private var productsarray:ArrayCollection;

private function initApp():void {

this.srv.send();

}

private function onResult(evt:ResultEvent):void {

this.productsarray = evt.result.data.product;

}

]]>

</mx:Script>

</mx:Application>