`
xaajie
  • 浏览: 73236 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

Flex:ArrayCollection转xml形式的实例

    博客分类:
  • Flex
阅读更多

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>

 

附件是工程的完整代码。其中包含修改过的样式文件。

6
1
分享到:
评论

相关推荐

    flex DataGrid xml 动态数据列表实例

    在这个实例中,我们将探讨如何利用Flex的`DataGrid`组件结合XML文件来实现动态数据列表。 首先,让我们深入了解`DataGrid`组件。`DataGrid`是Flex提供的一个可自定义的、可滚动的数据容器,它允许用户以网格形式...

    flex charts 图形集合实例(读取XML)

    在“flex charts 图形集合实例(读取XML)”中,我们探讨的是如何使用Flex Charts来展示数据,并且这些数据是从XML文件中读取的。XML因其结构化和可扩展性,常被用作数据交换格式。以下是对这一主题的详细说明: 1....

    Flex之URLLoader加载XML

    - `public var loader:URLLoader` 定义了一个URLLoader实例,用于加载XML文件。 - `public var menus:XML` 定义了一个XML变量,用于存储加载的XML数据。 - `[Bindable]` 属性标记的 `completeHandle` 函数将在...

    flex4 简单增删改实例

    本实例将探讨如何在Flex 4中实现简单的数据添加、删除和修改功能。 首先,我们需要了解Flex 4中的数据模型。在Flex中,数据通常与视图组件进行绑定,这可以通过MXML的data属性或ActionScript的setData方法完成。...

    Flex使用json和xml数据交互

    ### Flex使用json和xml数据交互:深度解析与实践 #### 引言 在现代Web开发领域,数据交换格式的选择对于实现高效、灵活的前后端通信至关重要。JSON(JavaScript Object Notation)与XML(Extensible Markup ...

    flex外部读取xml

    在Flex编程中,读取XML文件是常见的数据交互方式,特别是在构建富互联网应用程序(RIA)时,用于存储和传输数据。本示例中,我们看到一个Flex应用通过使用ActionScript 3来从外部XML文件加载数据,并将这些数据用于...

    FLEX操作XML&JSON

    3. **显示XML数据**:Flex的`&lt;mx:DataGrid&gt;`组件能方便地将XML数据展示成表格形式。通过设置`dataProvider`属性为XML数据,可以将XML节点映射到表格列。如`&lt;mx:DataGrid dataProvider="{xmlData..childNodeName}" /&gt;...

    flex组件之DataGrid高级用法实例源码

    在Flex中,DataGrid通常与数据提供者(如 ArrayCollection 或 XML)关联,用于动态展示数据。 二、高级用法详解 1. **自定义列** DataGrid允许我们自定义列的显示样式和行为。例如,可以创建自定义的Column类,...

    flex android开发学习好实例

    在本文中,我们将深入探讨如何使用Adobe Flex进行Android应用程序开发,并通过一个具体的“list”控件实例来学习Flex在Android平台上的应用。Flex是一种强大的开放源代码框架,它基于ActionScript编程语言,用于构建...

    flex combobox 输入过滤实例

    在本实例中,我们将深入探讨如何利用Flex 4实现Combobox的输入过滤功能,这将帮助用户在大量数据中快速定位所需选项。 1. **Combobox基础** Flex中的Combobox由两部分组成:一个可编辑的文本输入字段和一个下拉...

    FLEX datagrid应用实例

    DataGrid是Flex中的一个核心组件,它允许开发者以表格的形式展示数据,适用于数据密集型的应用场景。 一、Flex DataGrid简介 Flex DataGrid组件是一个可滚动的表格,用于显示大量的结构化数据。它提供了诸如排序、...

    flex4 dataGrid 日期格式转换

    在MXML代码中,你可以通过以下方式声明一个`DateFormatter`实例: ```xml &lt;mx:DateFormatter id="df" formatString="YYYY-MM-DD"/&gt; ``` `id`属性是该组件的唯一标识符,`formatString`属性则定义了日期的输出格式...

    flex LineChart实例

    标题“Flex LineChart实例”明确指出这是一个关于Flex框架下的线形图(Line Chart)示例。Flex是一种用于构建跨平台桌面和移动应用程序的软件开发框架,它具有丰富的用户界面组件库,能够轻松创建图表和其他数据可视...

    Flex垂直button

    在本文中,我们将深入探讨如何在Flex环境中创建一个垂直排列的按钮(Flex Vertical Button)以及一个包含垂直标签的TabNavigator组件。Flex是一个基于ActionScript 3.0的开放源代码框架,用于构建富互联网应用程序...

    Flex tree的用法

    让我们深入了解一下Flex Tree的用法以及与XML数据结合的方式。 1. **Flex Tree的基本用法** - **创建Tree组件**: 在Flex中,你可以通过在MXML或ActionScript中定义`mx.controls.Tree`组件来创建Tree。 - **数据...

    刚学会Flex自己做的一个简单的聊天室

    - 历史记录管理:使用ArrayCollection或XML存储聊天记录,以便在List或DataGrid中显示。 - 网络通信:使用HTTPService或Socket连接实现客户端与服务器间的实时通信。 3. Flex的开发环境: - Adobe Flash Builder...

    Flex4 滑动菜单案例

    2. **创建MenuBar**:声明一个MenuBar组件,设置其数据源,通常是XML或ArrayCollection,包含菜单项的文本和链接。 ```xml &lt;fx:Declarations&gt; &lt;mx:ArrayCollection id="menuItems"&gt; &lt;mx:Object label="菜单1"/&gt; ...

    Flex股票分析图

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

    flex 饼图的demo

    2. 创建PieChart实例:在MXML文件中,声明一个PieChart实例,并为其分配ID。 ```xml &lt;s:PieChart id="myPieChart" width="100%" height="100%"&gt; &lt;/s:PieChart&gt; ``` 3. 添加数据源:饼图的数据源通常是...

Global site tag (gtag.js) - Google Analytics