ArrayCollection转成xml类型示例
下面模拟一组数据exams,将其转化为xml形式.详细代码见下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="init()">
<mx:Style source="style/Smoke.css"/>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]private var shijxml:XML;
private function init():void{
shijxml = arrToXml(exams);
}
[Bindable]
public var exams:ArrayCollection = new ArrayCollection(
[{sjtitle:"数据结构第一章", kemu:"数据结构",shijID:"sj000" ,num:"30"},
{sjtitle:"数据结构第二章", kemu:"数据结构",shijID:"sj001" ,num:"30"},
{sjtitle:"组成原理第一章", kemu:"组成原理",shijID:"zc000" ,num:"50"},
{sjtitle:"组成原理第二章", kemu:"组成原理",shijID:"zc001" ,num:"30"} ]);
private function arrToXml(arr:ArrayCollection):XML{
var root:XML = new XML("<root/>");
for(var i:int = 0;i<arr.length;i++){
var node:XML = new XML("<node/>");
node.sjtitle = arr[i].sjtitle;
node.kemu= arr[i].kemu;
node.shijID= arr[i].shijID;
node.num= arr[i].num;
root.appendChild(node);
}
return root;
}
private function closeHandler(event:Event):void {
show.text="试卷标题: "+ ComboBox(event.target).selectedItem;
var temp:String=String(ComboBox(event.target).selectedItem);
for each(var xml:XML in shijxml.node){
if(xml.sjtitle==temp){
show.text="考试科目: "+xml.kemu+"\n"+"试卷题数: "+xml.num+"\n"+
"试卷编号: "+xml.shijID;
}
}
}
]]>
</mx:Script>
<mx:Panel width="100%" height="100%" layout="absolute" >
<mx:DataGrid height="100%" width="50%" dataProvider="{exams}">
</mx:DataGrid>
<mx:ComboBox y="79" close="closeHandler(event);" dataProvider="{shijxml.node.sjtitle}" right="88"></mx:ComboBox>
<mx:Text y="111" id="show" width="185" height="126" right="50"/>
</mx:Panel>
</mx:Application>
附件是工程的完整代码。其中包含修改过的样式文件。
分享到:
相关推荐
在这个实例中,我们将探讨如何利用Flex的`DataGrid`组件结合XML文件来实现动态数据列表。 首先,让我们深入了解`DataGrid`组件。`DataGrid`是Flex提供的一个可自定义的、可滚动的数据容器,它允许用户以网格形式...
在“flex charts 图形集合实例(读取XML)”中,我们探讨的是如何使用Flex Charts来展示数据,并且这些数据是从XML文件中读取的。XML因其结构化和可扩展性,常被用作数据交换格式。以下是对这一主题的详细说明: 1....
- `public var loader:URLLoader` 定义了一个URLLoader实例,用于加载XML文件。 - `public var menus:XML` 定义了一个XML变量,用于存储加载的XML数据。 - `[Bindable]` 属性标记的 `completeHandle` 函数将在...
本实例将探讨如何在Flex 4中实现简单的数据添加、删除和修改功能。 首先,我们需要了解Flex 4中的数据模型。在Flex中,数据通常与视图组件进行绑定,这可以通过MXML的data属性或ActionScript的setData方法完成。...
### Flex使用json和xml数据交互:深度解析与实践 #### 引言 在现代Web开发领域,数据交换格式的选择对于实现高效、灵活的前后端通信至关重要。JSON(JavaScript Object Notation)与XML(Extensible Markup ...
在Flex编程中,读取XML文件是常见的数据交互方式,特别是在构建富互联网应用程序(RIA)时,用于存储和传输数据。本示例中,我们看到一个Flex应用通过使用ActionScript 3来从外部XML文件加载数据,并将这些数据用于...
3. **显示XML数据**:Flex的`<mx:DataGrid>`组件能方便地将XML数据展示成表格形式。通过设置`dataProvider`属性为XML数据,可以将XML节点映射到表格列。如`<mx:DataGrid dataProvider="{xmlData..childNodeName}" />...
在Flex中,DataGrid通常与数据提供者(如 ArrayCollection 或 XML)关联,用于动态展示数据。 二、高级用法详解 1. **自定义列** DataGrid允许我们自定义列的显示样式和行为。例如,可以创建自定义的Column类,...
在本文中,我们将深入探讨如何使用Adobe Flex进行Android应用程序开发,并通过一个具体的“list”控件实例来学习Flex在Android平台上的应用。Flex是一种强大的开放源代码框架,它基于ActionScript编程语言,用于构建...
在本实例中,我们将深入探讨如何利用Flex 4实现Combobox的输入过滤功能,这将帮助用户在大量数据中快速定位所需选项。 1. **Combobox基础** Flex中的Combobox由两部分组成:一个可编辑的文本输入字段和一个下拉...
DataGrid是Flex中的一个核心组件,它允许开发者以表格的形式展示数据,适用于数据密集型的应用场景。 一、Flex DataGrid简介 Flex DataGrid组件是一个可滚动的表格,用于显示大量的结构化数据。它提供了诸如排序、...
在MXML代码中,你可以通过以下方式声明一个`DateFormatter`实例: ```xml <mx:DateFormatter id="df" formatString="YYYY-MM-DD"/> ``` `id`属性是该组件的唯一标识符,`formatString`属性则定义了日期的输出格式...
标题“Flex LineChart实例”明确指出这是一个关于Flex框架下的线形图(Line Chart)示例。Flex是一种用于构建跨平台桌面和移动应用程序的软件开发框架,它具有丰富的用户界面组件库,能够轻松创建图表和其他数据可视...
在本文中,我们将深入探讨如何在Flex环境中创建一个垂直排列的按钮(Flex Vertical Button)以及一个包含垂直标签的TabNavigator组件。Flex是一个基于ActionScript 3.0的开放源代码框架,用于构建富互联网应用程序...
让我们深入了解一下Flex Tree的用法以及与XML数据结合的方式。 1. **Flex Tree的基本用法** - **创建Tree组件**: 在Flex中,你可以通过在MXML或ActionScript中定义`mx.controls.Tree`组件来创建Tree。 - **数据...
- 历史记录管理:使用ArrayCollection或XML存储聊天记录,以便在List或DataGrid中显示。 - 网络通信:使用HTTPService或Socket连接实现客户端与服务器间的实时通信。 3. Flex的开发环境: - Adobe Flash Builder...
2. **创建MenuBar**:声明一个MenuBar组件,设置其数据源,通常是XML或ArrayCollection,包含菜单项的文本和链接。 ```xml <fx:Declarations> <mx:ArrayCollection id="menuItems"> <mx:Object label="菜单1"/> ...
数据可以是XML、JSON或其他格式,关键在于数据结构要与Flex图表组件的预期输入相匹配。 五、代码实现 1. 创建Flex项目,导入所需的图表库。 2. 设置数据源:将股票数据绑定到`ArrayCollection`,这是Flex中最常用的...
2. 创建PieChart实例:在MXML文件中,声明一个PieChart实例,并为其分配ID。 ```xml <s:PieChart id="myPieChart" width="100%" height="100%"> </s:PieChart> ``` 3. 添加数据源:饼图的数据源通常是...