DataGrid的数据绑定

数据绑定与后台请求整合示例

最新推荐文章于 2025-06-12 13:08:01 发布

原创最新推荐文章于 2025-06-12 13:08:01 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #string #存储 #function #list

flex 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在数据绑定的基础上，通过请求后台获取数据并将其存储至变量，最终在DataGrid中显示数据的过程。重点阐述了如何实现数据与前端组件的交互，以及数据获取与展示的完整流程。

第一步：定义数据

[Bindable]
private var data:ArrayCollection=new ArrayCollection();

第二步：将数据绑定到DataGrid中

<s:DataGrid dataProvider="{data}" id="dataList" >

<s:columns>

<s:ArrayList >

<s:GridColumn dataField="name" headerText="名称"></s:GridColumn>
<s:GridColumn dataField="title" headerText="标题"></s:GridColumn>

</s:ArrayList>

</s:columns>

</s:DataGrid>

第三步：请求后台获取数据成功返回后将获取的数据存储到data中

queryData(querySuccess,queryFault);//调用请求后台获取数据的方法

private function querySuccess(event:ResultEvent):void{

this.data = event.result as ArrayCollection;//将数据存储到data

}

第四步：后台返回的数据应为如下格式：

   List listOfRows = new ArrayList();
   Map<String, String> promptMap = new HashMap<String, String>();
   promptMap.put("name", "nameA"); //name与上面第一个GridColumn中的name对应
   promptMap.put("title", "titleA");//title与上面第一个GridColumn中的title对应
   listOfRows.add(promptMap);

return listOfRows;