很简单的JSON绑定Flex的Grid

1. <?xml version="1.0" encoding="utf-8"?>  
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" layout="absolute"  
3.     creationComplete="service.send()">  
4.   
5.     <mx:Script>  
6.         <![CDATA[ 
7.             import mx.collections.ArrayCollection; 
8.             import mx.rpc.events.ResultEvent; 
9.             import com.adobe.serialization.json.JSON; 
10.  
11.             private function onJSONLoad(event:ResultEvent):void 
12.             { 
13.                 //get the raw JSON data and cast to String 
14.                 var rawData:String = String(event.result); 
15.  
16.                 //decode the data to ActionScript using the JSON API 
17.                 //in this case, the JSON data is a serialize Array of Objects. 
18.                 var arr:Array = (JSON.decode(rawData) as Array); 
19.  
20.                 //create a new ArrayCollection passing the de-serialized Array 
21.                 //ArrayCollections work better as DataProviders, as they can 
22.                 //be watched for changes. 
23.                 var dp:ArrayCollection = new ArrayCollection(arr); 
24.  
25.                 //pass the ArrayCollection to the DataGrid as its dataProvider. 
26.                 grid.dataProvider = dp; 
27.  
28.             } 
29.         ]]>  
30.     </mx:Script>  
31.   
32.     <mx:HTTPService id="service" resultFormat="text"  
33.                     url="http://weblogs.macromedia.com/mesh/mashedpotato.json"  
34.                     result="onJSONLoad(event)" />  
35.   
36.     <mx:DataGrid id="grid" right="10" left="10" top="10" bottom="10">  
37.         <mx:columns>  
38.             <mx:DataGridColumn headerText="Service" dataField="src"/>  
39.             <mx:DataGridColumn headerText="Title" dataField="title"/>  
40.         </mx:columns>  
41.     </mx:DataGrid>  
42. </mx:Application>