您的位置:首页 > 编程语言 > Java开发

FLEX4.7 与Java后台交互返回json格式的数组 并赋值给前台datagrid

2013-11-21 22:19 543 查看
<?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="955" minHeight="600">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;

protected function jsonService_resultHandler(event:ResultEvent):void
{
var rawData:String = event.result as String;
//单引号替换为双引号
rawData = rawData.replace(/\'/g,"\"");

var result:Array = (JSON.parse(rawData) as Array);

var dp:ArrayCollection = new ArrayCollection(result);

this.dg.dataProvider = dp;

}

protected function btnSubmit_clickHandler():void
{
this.jsonService.send();
}

]]>
</fx:Script>
<fx:Declarations>
<s:HTTPService id="jsonService" url="jsonAction" resultFormat="text" result="jsonService_resultHandler(event)"/>

</fx:Declarations>

<s:DataGrid id="dg" x="129" y="138" width="500" height="300">
<s:columns>
<s:ArrayList>
<s:GridColumn headerText="username" dataField="username"/>
<s:GridColumn headerText="password" dataField="password"/>

</s:ArrayList>

</s:columns>

</s:DataGrid>

<s:Button id="btnSubmit" x="150" y="500" label="submit" click="btnSubmit_clickHandler()"/>

</s:Application>

后台返回的数据为:

String jsonContent = "[{'username':'simon1','password':'123'},{'username':'simon2','password':'123'},{'username':'simon3','password':'123'}]";
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: