`
wangronaldo
  • 浏览: 99583 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Flex json ArrayCollection 相关

    博客分类:
  • Flex
阅读更多
<?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" creationComplete="init(event)">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import com.adobe.serialization.json.JSON;
			
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.events.FlexEvent;
			import mx.rpc.events.ResultEvent;
			
			import spark.events.IndexChangeEvent;

			private var proColl:ArrayCollection;
			private var cityColl:ArrayCollection;
			protected function init(event:FlexEvent):void
			{
				flexutil.getProvince();
			}


			protected function flexutil_resultHandler(event:ResultEvent):void
			{
				var jsonPro:String = event.result as String;
				var proArr:Array = (JSON.decode(jsonPro) as Array); 
				proColl = new ArrayCollection(proArr);
				province.dataProvider = proColl;
				//province.selectedIndex = 0;
			}


			protected function province_changeHandler(event:IndexChangeEvent):void
			{
				var code : int = province.selectedItem.code as int;
				cityUtil.getCity(code);
			}


			protected function cityUtil_resultHandler(event:ResultEvent):void
			{
				var jsonCity : String = event.result as String;
				var cityArr:Array = (JSON.decode(jsonCity) as Array);
				cityColl = new ArrayCollection(cityArr);
				city.dataProvider = cityColl;
				//city.selectedIndex = 0;
			}

		]]>
	</fx:Script>
	<fx:Declarations>
		<mx:RemoteObject id = "flexutil" destination="FlexUtil"  endpoint="/MyFlexApp/messagebroker/amf" result="flexutil_resultHandler(event)">
		</mx:RemoteObject>
		<mx:RemoteObject id = "cityUtil" destination="FlexUtil"  endpoint="/MyFlexApp/messagebroker/amf" result="cityUtil_resultHandler(event)">
		</mx:RemoteObject>
	</fx:Declarations>
	<s:DropDownList x="169" y="78" width="175" id="province" labelField="name" changing="province_changeHandler(event)"></s:DropDownList>
	<s:DropDownList x="507" y="78" width="175" id="city" labelField="name"></s:DropDownList>
	<s:Label x="65" y="78" text="一级城市" width="83" height="21" fontSize="18"/>
	<s:Label x="403" y="78" text="二级城市" width="83" height="21" fontSize="18"/>
</s:Application>


import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import com.google.gson.Gson;
import com.jite.entity.OrgData;

public class FlexUtil {
	private Gson gson = new Gson();
	public String getProvince() {
		String jsonString = gson.toJson(proList);
		return jsonString;
	}

	public String getCity(Integer code) {
		List cityList = (List) proMap.get(code);
		String jsonString = gson.toJson(cityList);
		return jsonString;
	}

	private Map proMap = new HashMap();
	private List proList = new ArrayList();

	public FlexUtil() {
		OrgData pro1 = new OrgData(1, "湖南");
		OrgData pro2 = new OrgData(2, "湖北");
		OrgData pro3 = new OrgData(3, "江苏");

		proList.add(pro1);
		proList.add(pro2);
		proList.add(pro3);

		OrgData city1 = new OrgData(1, "长沙");
		OrgData city2 = new OrgData(2, "邵阳");
		OrgData city3 = new OrgData(3, "常德");
		OrgData city4 = new OrgData(4, "武汉");
		OrgData city5 = new OrgData(5, "华容");
		OrgData city6 = new OrgData(6, "南京");
		OrgData city7 = new OrgData(7, "无锡");

		List list1 = new ArrayList();
		list1.add(city1);
		list1.add(city2);
		list1.add(city3);

		List list2 = new ArrayList();
		list2.add(city4);
		list2.add(city5);

		List list3 = new ArrayList();
		list3.add(city6);
		list3.add(city7);

		proMap.put(pro1.getCode(), list1);
		proMap.put(pro2.getCode(), list2);
		proMap.put(pro3.getCode(), list3);
	}
}
分享到:
评论

相关推荐

    FLEX JSON 包

    这通常发生在尝试解析JSON字符串为对象,但没有正确导入或包含JSON相关的库时。在Flex中,如果没有正确地引入JSON支持,尝试访问JSON对象时,就会抛出这个错误。 在Flex中,处理JSON数据主要涉及到以下知识点: 1....

    Flex Tree 通过Arraycollection转化为XML数据源,新增、删除、修改功能的整合

    ArrayCollection可以通过JSON或XML格式的数据进行初始化。 XML数据源在Flex中广泛使用,因为它的结构清晰,易于解析和操作。要将ArrayCollection转换为XML,我们可以利用Flash的内置类`XMLList`和`XML`。例如,如果...

    Flex_JSON_XML.zip_flex

    - **Flex解析JSON**:Flex提供了`ObjectProxy`和`ArrayCollection`来处理JSON数据,可以方便地将JSON对象转换为Flex中的数据结构。 - **Java生成JSON**:Java有许多库支持JSON,如Jackson、Gson、org.json等。这些...

    Flex使用JSON格式与Java通信.docx

    ### Flex使用JSON格式与Java通信知识点详解 #### 一、背景介绍 随着互联网技术的发展,跨平台、跨语言之间的通信成为开发中常见的需求之一。在本文档中,我们将深入探讨如何利用Flex框架通过JSON(JavaScript ...

    FLEX操作XML&JSON

    例如,`&lt;mx:DataGrid dataProvider="{ArrayCollection(jsonData)}" /&gt;`。 3. **动态数据处理**:Flex允许根据JSON数据动态创建UI组件,如通过遍历JSON对象并创建相应的`&lt;mx:Label&gt;`或`&lt;mx:TextInput&gt;`。 【结合...

    Flex4之DataGrid四个的示例【客户端和服务器端】

    例如,你可以使用`JSONArray`和`JSONObject`来表示和操作JSON数据,便于与Flex中的ArrayCollection进行数据交换。 总结,Flex4的DataGrid组件在客户端和服务器端的应用涉及到数据的获取、解析和展示,而JSON作为一...

    Flex连接数据库三种方法

    - 调用RemoteObject的方法,当服务端返回数据后,可以通过事件监听器处理数据,将ArrayList转换为Flex能识别的数据结构,如ArrayCollection。 4. **展示数据**: - 将从服务端获取的公告数据绑定到Flex界面组件,...

    Flex如何让前台链接后并访问数据库

    这些结果可以转换为JSON或XML格式,以便于Flex解析。 5. **数据模型**:在Flex客户端,定义数据模型类,它们通常与数据库表结构相对应。数据模型类可以通过数据绑定直接与UI组件关联。 6. **调用服务并处理响应**...

    flex实现数据表格。

    1. **数据绑定**:Datagrid可以直接与数据提供者进行绑定,数据提供者可以是Array、ArrayCollection或其他支持ICollectionView接口的数据源。这意味着你可以动态地更新数据源,Datagrid会自动反映这些更改。 2. **...

    flex 文档以及后台数据交互详解

    在本文中,我们将深入探讨Flex的相关文档以及它如何与后台数据进行交互。 首先,让我们了解Flex的基础知识。Flex的核心组件包括Flex SDK(软件开发工具包),它提供了构建Flex应用程序所需的所有工具和库。SDK包含...

    Flex股票分析图

    数据可以是XML、JSON或其他格式,关键在于数据结构要与Flex图表组件的预期输入相匹配。 五、代码实现 1. 创建Flex项目,导入所需的图表库。 2. 设置数据源:将股票数据绑定到`ArrayCollection`,这是Flex中最常用的...

    Flex 标签云 特效 漂亮

    数据集(ArrayCollection)是Flex中常用的用来存储和操作数据的类,适合于与组件进行数据绑定。 **3. 动画和效果** 为了让标签云具有动态效果,我们需要利用Flex提供的动画和效果库。例如,我们可以使用...

    flex与数据库交互

    同时,Flex提供了ArrayCollection类,可以方便地管理和操作数据集,如排序、过滤和分页。 ```actionscript ``` 这里,`lastResult`属性包含了HTTPService的响应数据,`data`是返回数据中的具体属性,`...

    Flex分页技术

    - 创建一个数据源,如ArrayCollection或XMLListCollection,存储要显示的数据。 - 设置DataGrid的`dataProvider`属性为创建的数据源。 - 使用PagingNavigator或自定义导航组件来控制分页,这包括“上一页”、...

    Flex3ReadWriteExcel(flex3导入导出excel表格)

    - 加载完成后,内容会被转化为XML或者JSON格式,因为Flex3并不直接支持Excel的二进制格式(.xls或.xlsx)解析。可以使用第三方库如As3Xlsx或FlexCel等来处理Excel文件。 - 解析后的数据可以被转换为...

    将Flex DataGrid数据导出到Excel中

    DataGrid可以绑定到各种数据源,包括ArrayCollection、XMLListCollection或直接的XML或JSON数据。 要将DataGrid的数据导出到Excel,我们需要遵循以下步骤: 1. **数据解析**: 在Flex客户端,你需要遍历DataGrid...

    flex操作数据的实例

    2. **XML和JSON**:Flex广泛支持XML和JSON数据格式,这两种格式常用于与服务器交换数据。你可以使用Flex的XML类来解析和操作XML文档,或者使用JSONUtil或AS3CoreLib等库解析JSON数据。 3. **Collections**:Flex...

    Flex入门学习资料(自己整理)

    Flex支持多种数据源,如ArrayCollection、XML、JSON等,DataGrid、List等组件能够方便地展示和操作数据集。 3. Flex与Struts的结合: Flex和Struts作为前端和后端的框架,可以通过AMF(Action Message Format)...

Global site tag (gtag.js) - Google Analytics