`
rainwindboy
  • 浏览: 56296 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

【积累】Flex中加载外部XML

    博客分类:
  • Flex
阅读更多
    在Flex Builder中,如果要加载一个外部的XML是比较简单的,将绝对路径或则是相对路径写入就可以了。但是如果是一个web的工程,这个问题就显得比较复杂了,因为这个时候,你得不到文件的绝对和相对路径,在Flex3中,解决这个问题,有如下两个方法。

    【一】mx:Model的方式
      
     程序主文件:
     
 1<?xml version="1.0"?>
 2<!-- Simple example to demonstrate the LinkBar control. -->
 3<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 4    <mx:Script>
 5        <![CDATA[            
 6        ]]>
 7    </mx:Script>
 8    <mx:Model id="catalogService" source="news.xml" /> 
 9    <mx:ArrayCollection id="myXC" source="{catalogService.news}"/> 
10    <mx:Panel title="TestLinkBarForXML" 
11        height="323" width="466" horizontalAlign="center"
12        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
13   
14        <mx:Text width="100%" 
15            text="一个LinkBar的测试"/>
16
17        <mx:LinkBar color="#0000FF" fontWeight="bold" dataProvider="{myViewStack}"/>        
18        
19        <!-- Define the ViewStack and the three child containers. -->
20        <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
21
22            <mx:Canvas id="show1" backgroundColor="#FFFFCC" label="显示一" width="100%" height="100%">
23            
24            </mx:Canvas>
25
26            <mx:Canvas id="show2" backgroundColor="#CCFFFF" label="显示二" width="100%" height="100%">
27            <mx:DataGrid dataProvider="{myXC}"/>
28            </mx:Canvas>
29
30            <mx:Canvas id="show3" backgroundColor="#FFCCFF" label="显示三" width="100%" height="100%">
31            </mx:Canvas>
32        </mx:ViewStack>
33        
34    </mx:Panel>
35    <mx:XML id="myXML" source="news.xml" />
36  
37      <mx:Text id="myText"  width="292"/>
38</mx:Application>
39
40

    news.xml文件
 1<?xml version="1.0" encoding="utf-8"?>
 2<main>
 3  <news>
 4     <newsTitle>1-1</newsTitle>
 5     <newsItem>1-2</newsItem>
 6  </news>
 7  <news>
 8     <newsTitle>2-1</newsTitle>
 9     <newsItem>2-2</newsItem>
10  </news>
11</main>


运行后画面:



    【二】mx:HTTPService的方式

    主程序:
1<?xml version="1.0"?> 
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="catalogService.send()"> 
3    <mx:HTTPService id="catalogService" url="catalog.xml" resultFormat="e4x"/> 
4    <mx:XMLListCollection id="myXC" source="{catalogService.lastResult.product}"/> 
5    <mx:Repeater id="r" dataProvider="{myXC}" startingIndex="1"> 
6        <mx:RadioButton id="Radio" label="{r.currentItem.name}"/> 
7    </mx:Repeater> 
8</mx:Application>
9

   xml文件:
 1<?xml version="1.0"?> 
 2<products> 
 3  <product> 
 4    <name>Name</name> 
 5    <price>Price</price> 
 6    <freeship>Free Shipping?</freeship> 
 7  </product> 
 8  <product> 
 9    <name>Whirlygig</name> 
10    <price>5</price> 
11    <freeship>false</freeship> 
12  </product> 
13  <product> 
14    <name>Tilty Thingy</name> 
15    <price>15</price> 
16    <freeship>true</freeship> 
17  </product> 
18<product> 
19    <name>Really Big Blocks</name> 
20    <price>25</price> 
21    <freeship>true</freeship> 
22  </product> 
23</products>

参考:http://www.flashxm.com/?p=169
分享到:
评论

相关推荐

    Flex之URLLoader加载XML

    在Flex开发中,`URLLoader` 是一个非常重要的类,用于加载远程数据,如XML、JSON等。在本示例中,它被用来从服务器获取XML文件并将其内容解析为XML对象,以便在应用程序中使用。`Flex` 是Adobe开发的一个开放源代码...

    readxml flex加载xml文件

    本篇文章将深入探讨在Flex中读取XML文件的三种主要方法,并对它们进行比较。 一、XMLLoader XMLLoader是ActionScript 3中的一个类,专门用于加载和解析XML文档。使用XMLLoader,可以异步加载XML,这意味着主程序...

    Flex中采用Flex-config.xml进行命令行的编译

    在Flex开发环境中,`flex-config.xml`文件是一个至关重要的配置文件,它允许开发者自定义Adobe Flex编译器的行为。这个文件通常位于项目的根目录下,或者在全局的Flex SDK安装路径中,对于命令行编译尤其重要。通过...

    Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex

    Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex

    flex外部读取xml

    本示例中,我们看到一个Flex应用通过使用ActionScript 3来从外部XML文件加载数据,并将这些数据用于创建图形界面元素。 首先,XML文件的结构对于正确解析至关重要。在示例中没有给出具体的XML文件内容,但我们可以...

    Flex与JSON及XML的互操作

    Flex的应用开发中,与JSON和XML的互操作是实现动态数据加载和响应式设计的关键。以下是对这一核心技能的深入探讨: - **Flex与XML的互操作**:Flex通过内置的XML解析功能,可以直接读取和解析XML数据,这使得从...

    Flex里解析XML数据

    当XML数据存储在外部文件中时,我们可以使用URLLoader类来加载数据,并结合Event.COMPLETE事件监听器解析加载完成的XML: ```actionscript var urlLoader:URLLoader = new URLLoader(); urlLoader.dataFormat = ...

    Flex中加载SWF方法

    Flex中加载SWF方法,介绍了flex 对 swf 加载和处理

    flex加载动态图片

    flexBulider页面加载动态图片的显示

    flex通过httpService读取xml数据到datagird中

    flex通过httpService读取xml数据到datagird中,通过读取远程URL的XML数据(这里保存到本地),保存到ArrayCollection中,然后在将ArrayCollection绑定到datagird上 环境:flex3.0 可直接运行

    flex 读XML 写XML 并保存为文件

    例如,获取XML中的某个节点值: ```actionscript var nodeValue:String = xml.root.node; ``` 二、XML写入 1. 创建XML对象:在创建XML对象时,可以直接通过构造函数传入XML结构。例如: ```actionscript var new...

    Flex DataGrid从XML文件中加载数据

    本示例展示了如何从XML文件加载数据并将其显示在Flex DataGrid中。以下是对该话题的详细解释: 1. **XML数据源**:在示例中,数据存储在一个名为`user.xml`的外部XML文件中。XML是一种轻量级的、自描述的数据交换...

    flex解析xml

    在Flex中,可以这样加载并解析XML文件: ```actionscript var xmlLoader:URLLoader = new URLLoader(); xmlLoader.dataFormat = URLLoaderDataFormat.TEXT; xmlLoader.addEventListener(Event.COMPLETE, ...

    flex解析xml框架实例

    在Flex开发中,XML是一种常见的数据传输格式,特别是在与服务器进行数据交互时。本文将深入探讨如何使用Flex解析XML框架,结合HTTPService组件,实现从服务器接收并解析XML数据的实例。 首先,让我们理解Flex中的...

    Flex 预加载动画demo

    这个"Flex 预加载动画demo"是Flex应用中的一个实例,它展示了如何自定义预加载进度条动画,使得用户在等待应用程序加载时能有一个更友好的交互体验。 预加载是任何富媒体应用程序的关键部分,因为它确保了所有必要...

    Flex加载xml数据三种方式:HTTPService XMLLoader XML类

    Flex加载xml数据三种方式:HTTPService XMLLoader XML类

    flex 异步加载tree

    在Flex中,可以使用MXML(一种基于XML的标记语言)和ActionScript来创建丰富的客户端应用。 #### 2. AsyncTree组件 AsyncTree是Flex中的一个自定义组件,它允许开发者构建能够异步加载数据的树形结构。这通常用于...

    flex中tree的数据源是xml

    Flex中的Tree组件支持直接加载XML文件作为数据源。这种方式不仅简化了前后端之间的数据传输,还能提高应用程序的响应速度和用户体验。具体来说: 1. **数据格式化**:后端服务器(如ASP.NET)处理数据库查询结果,...

    Flex:ArrayCollection转xml形式的实例

    另一方面,如果从服务器接收XML数据,也可以通过反向操作将XML转换为ArrayCollection,以便在Flex或Flash应用中使用。 在实际项目中,你可能还需要考虑更多细节,如XML的命名空间管理、属性的添加以及错误处理等。...

Global site tag (gtag.js) - Google Analytics