FLEX DataGride请求后台解析数据

?FLEX DataGride请求后台，解析显示数据

 
 

<?xml?version="1.0"?encoding="utf-8"?>?
  
  
<s:Application?xmlns:fx="http://ns.adobe.com/mxml/2009"??
  
  
???????????????xmlns:s="library://ns.adobe.com/flex/spark"??
  
  
???????????????xmlns:mx="library://ns.adobe.com/flex/mx"?minWidth="550"?minHeight="500">?
  
  
?????
  
  
????<fx:Declarations>?
  
  
????????<s:HTTPService?id="company"?url="后台请求路径"??
  
  
???????????????????????method="POST"?showBusyCursor="true"?
  
  
????????????????????????result="companyHandler(event);"?
  
  
????????????????????????fault="faulHandler(event)"?
  
  
????????????????????????resultFormat="text"?
  
  
???????????????????????/>?
  
  
????</fx:Declarations>?
  
  
?????
  
  
????<fx:Script>?
  
  
????????<![CDATA[?
  
  
????????????import?mx.collections.ArrayCollection;?
  
  
????????????import?mx.controls.Alert;?
  
  
????????????import?mx.rpc.events.FaultEvent;?
  
  
????????????import?mx.rpc.events.ResultEvent;?
  
  
?
  
  
?
  
  
????????????[Bindable]?
  
  
????????????public?var?companyStock:ArrayCollection;?
  
  
?????????????
  
  
????????????/**?
  
  
?????????????*?成功返回?
  
  
?????????????*/?
  
  
????????????private?function?companyHandler(evt:ResultEvent):void{?
  
  
????????????????companyStock?=?new?ArrayCollection(JSON.parse(String(evt.result))?as?Array);?
  
  
????????????}?
  
  
?????????????
  
  
????????????/**?
  
  
?????????????*?发送请求?
  
  
?????????????*/?
  
  
?????????????private?function?getAllCompany():void{?
  
  
????????????????company.send();?
  
  
?????????????}?
  
  
?????????????
  
  
????????????/**?
  
  
?????????????*?异常方法?
  
  
?????????????*/?
  
  
????????????private?function?faulHandler(evt:FaultEvent):void{?
  
  
????????????????var?faultMessage:String?=?"Could?not?connect?with?XML?file"+?evt.messageId;?
  
  
?????????????????Alert.show(faultMessage,"Error?opening?file");?
  
  
????????????}?
  
  
?????????????
  
  
????????????public?function?deletedate():void{???
  
  
????????????????var?item:Object=dg.selectedItem;???
  
  
????????????????var?i:int=companyStock.getItemIndex(item);???
  
  
????????????????companyStock.removeItemAt(i);???
  
  
????????????}???
  
  
????????????public?function?update():void{???
  
  
????????????????var?item:Object=dg.selectedItem;???
  
  
????????????}???
  
  
????????]]>?
  
  
?????????
  
  
????</fx:Script>?
  
  
?????
  
  
????<s:Panel?title="分户管理"?
  
  
?????????????width="678"?height="460"??
  
  
?????????????horizontalCenter="0"?verticalCenter="0">?
  
  
????????<s:VGroup?left="10"?right="10"?top="10"?bottom="10">?
  
  
????????????<s:HGroup??width="100%"?horizontalAlign="right">?
  
  
????????????????<mx:Button?label="回收站"?/>?
  
  
????????????</s:HGroup>?
  
  
????????????<mx:DataGrid?id="dg"?width="655"?height="350"?rowCount="5"?dataProvider="{companyStock}">?
  
  
????????????????<mx:columns>?
  
  
????????????????????<mx:DataGridColumn?dataField="id"?headerText="公司ID"?width="50"?textAlign="center"/>?
  
  
????????????????????<mx:DataGridColumn?dataField="name"??headerText="公司名称"?width="230"?textAlign="center"/>?
  
  
????????????????????<mx:DataGridColumn?dataField="ownerName"?headerText="总经理"/>?
  
  
????????????????????<mx:DataGridColumn?dataField="ownerTel"?headerText="联系电话"/>?
  
  
????????????????????<mx:DataGridColumn?headerText="操作"??width="185">???
  
  
????????????????????????<mx:itemRenderer>???
  
  
????????????????????????????<fx:Component>?
  
  
????????????????????????????????<mx:HBox>?
  
  
????????????????????????????????????<mx:Button?width="45"?label="查看"?click="outerDocument.update()"?fontSize="12"/>?
  
  
????????????????????????????????????<mx:Button?width="65"?label="更新"?click="outerDocument.update()"?fontSize="12"/>?
  
  
????????????????????????????????????<mx:Button?width="45"?label="删除"?click="outerDocument.deletedate()"?fontSize="12"/>??
  
  
????????????????????????????????</mx:HBox>?
  
  
????????????????????????????</fx:Component>?
  
  
????????????????????????</mx:itemRenderer>???
  
  
????????????????????</mx:DataGridColumn>???
  
  
????????????????</mx:columns>?
  
  
????????????</mx:DataGrid>?
  
  
????????????<mx:Button?label="查询"?click="getAllCompany();"/>?
  
  
????????</s:VGroup>?
  
  
????</s:Panel>?
  
  
?
  
  
?????
  
  
</s:Application>?
 
 

后台返回的数据格式：

[{"id":"C0002","name":"张三","ownerName":"娃哈哈","ownerTel":"11","rootId":0,"imagePath":"C0002Comp0001.png","status":0},{"id":"C0003","name":"李四","ownerName":"嘿嘿","ownerTel":null,"rootId":400,"imagePath":null,"status":0}]