`
strugglesMen
  • 浏览: 115174 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

使用bindable绑定xml文件

阅读更多

 

<?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="creationComplete()" >
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			/*
			数据的实时更新 ,使用ENTER_FRAME事件
			*/
			import mx.controls.Alert;
			import mx.rpc.events.FaultEvent;
			import mx.rpc.events.ResultEvent;
			import mx.rpc.http.HTTPService;
			import mx.collections.ArrayCollection;
			
			public var service:HTTPService = new HTTPService();
			[Bindable]
			public var xml:XML; 
			public function SetVisits():void
			{
				service.url = "Province.xml";
				service.method = "post";
				service.resultFormat = "e4x"; 
				service.addEventListener(ResultEvent.RESULT, xmlLoaded);
				service.addEventListener(FaultEvent.FAULT,xmlError);
				service.send();
			}
			
			//HTTPService正确时执行的方法
			public function xmlLoaded(e:ResultEvent):void
			{
				xml = service.lastResult as XML;
				
				textarea1.text = xml.toString();
			}
			
			//HTTPService异常时执行的方法
			public function xmlError(e:FaultEvent):void
			{
				trace("出现异常");
			}
			//实时数据更新,ENTER_FRAME
			public function creationComplete():void
			{
				this.addEventListener(Event.ENTER_FRAME,function():void{
					SetVisits();
				});
			}
			
		]]>
	</fx:Script>
	<mx:List width="120" 
			 dataProvider="{xml..name}" x="913" y="51" height="417"  />
	
</s:Application>

 Province.xml文件

 

 

<?xml version="1.0" encoding="UTF-8"?>
<main>
  <province>
    <name>湖南</name>
    <visits>2</visits>
  </province>
  <province>
    <name>湖北</name>
    <visits>43</visits>
  </province>
  <province>
    <name>江西</name>
    <visits>2</visits>
  </province>
  <province>
    <name>浙江</name>
    <visits>43</visits>
  </province>
  <province>
    <name>安徽</name>
    <visits>2</visits>
  </province>
  <province>
    <name>江苏</name>
    <visits>43</visits>
  </province>
</main>
 

 

 

0
3
分享到:
评论

相关推荐

    Flex之URLLoader加载XML

    通过以上解释,我们可以了解到如何在Flex应用中使用`URLLoader`加载XML文件,然后将数据解析并绑定到UI组件,从而实现动态数据展示。这在构建数据驱动的富互联网应用程序时非常常见,有助于提高用户体验和交互性。

    FLEX数据绑定四种方式

    本文将详细介绍Flex中数据绑定的四种主要方式:“{}”绑定表达式、[Bindable]绑定符号、`&lt;mx:Binding&gt;`标签以及BindingUtils动态绑定。 #### 二、“{}”绑定表达式 **简介** “{}”绑定表达式是一种最直接和简单的...

    flex绑定资源文件1

    本话题主要探讨如何在Flex中绑定资源文件,尤其是关于在按钮中嵌入icon图标的两种方法。 首先,Flex是一种基于ActionScript的开放源代码框架,用于构建富互联网应用程序(RIA)。它允许开发者创建具有交互性和动态...

    Flex DataGrid从XML文件中加载数据

    总结来说,这个Flex应用通过`HTTPService`从XML文件获取数据,然后将数据绑定到`DataGrid`组件上,从而实现动态加载和展示XML数据的功能。这种方式在实际项目中非常常见,特别是在需要从服务器获取结构化数据并显示...

    更易用的Databing布局绑定

    而使用Databing,我们可以在布局XML文件中为每个UI元素添加注解,如`@BindView(R.id.button)`,然后在对应的Activity或Fragment类中创建一个字段,并加上相同的注解。Databing会在初始化时自动将UI元素与这些字段...

    FLEX数据绑定专题

    声明式数据绑定通过XML语法在MXML文件中直接设置,如`&lt;mx:Label text="{data.name}" /&gt;`,这将Label组件的文本属性与名为"data"的对象的"name"属性绑定。编程式数据绑定则是在ActionScript代码中实现,例如`label....

    Flex初级数据绑定代码

    &gt;`):指定文档使用的XML版本及字符编码。 - **`&lt;mx:Application&gt;`** 标签:Flex应用程序的根容器。 - **`&lt;mx:Script&gt;`** 标签:包含ActionScript代码。 - **`&lt;mx:Zoom&gt;`** 和 `&lt;mx:Canvas&gt;`:实现动画效果。 - **`...

    Flex Bind数据绑定实例代码

    在上述代码中,`[Bindable]`元数据告诉编译器该变量可以被数据绑定使用。`{message}`表达式是数据绑定的语法,它将Label的text属性与message变量关联。 除了简单的属性绑定,Flex还支持双向数据绑定。这使得UI组件...

    android的数据绑定databinding示例

    接着,我们需要创建一个布局XML文件,其中包含数据绑定的元素。例如,一个简单的布局可能包含一个TextView,它的文本属性与ViewModel中的一个属性绑定: ```xml xmlns:app=...

    BaseObservable 实现数据模型 Model 与视图 View 双向绑定

    然后,在布局XML文件中,我们可以使用Data Binding语法将视图元素绑定到这些属性: ```xml name="user" type="com.example.User" /&gt; android:layout_width="match_parent" android:layout_height=...

    android dataBinding使用

    Data Binding是Android SDK中的一个库,它提供了一种在XML布局文件中声明性地绑定数据到UI组件的方法。通过这种方式,开发者可以减少Java代码,提高代码可读性和维护性。 2. **启用Data Binding** 要在项目中启用...

    flex学习记录非常详细

    使用`[Bindable]`注解标记函数,使其返回值可以被观察和绑定。如: ```xml &lt;mx:Script&gt;&lt;![CDATA[ [Bindable]private var n:int; internal function square(num:int):int{return num*num;} ]]&gt; (n)}"/&gt; ``` 这里的`...

    flex 绑定元数据

    在Flex初学者的笔记中,主要强调了如何使用[Bindable]关键字和[Embed]标记来实现资源的绑定。 使用[Embed]标签将资源嵌入 在Flex编程中,[Embed]标签属于元数据标记之一,它的作用是将外部的资源(如图片、声音、...

    带特效的flex list

    通过XML对象解析XML文件,然后将其转换为适当的数据集合,这通常是通过bindable属性和mx:XML标签完成的。在"带特效的flex list"项目中,XML文件可能存储了列表项的信息,如标题、描述等,这些信息会被动态地加载到...

    FLex文档教程

    而Flex程序文件扩展名为.mxml,本质上是一种带有大量特殊元素的XML文件,用于定义界面布局和组件属性。 **三、使用MXML组件构建用户界面** MXML语言支持多种用户界面组件,主要分为控件和容器两大类: 1. **控件*...

    Databinding案例

    数据绑定(DataBinding)是Android开发中的一个库,它提供了在布局XML文件中直接与Java对象绑定的能力,简化了UI和应用逻辑之间的交互。在这个"Databinding案例"中,我们将会探讨DataBinding库的主要功能、使用方法...

    Flex Builder教程

    它实现了代码和界面的分离,使得开发者可以使用FLEX的类(扩展名为*.as)进行编程,而FLEX程序文件(扩展名为.mxml)则是一个包含了特殊元素的XML文件,用于定义用户界面。 在Flex中,使用MXML构建用户界面非常直观...

    flex文件中使用html渲染文字等.txt

    [Bindable] private var TitleText:String="&lt;b&gt;VideoDisplayControl:&lt;/b&gt;"+"/n"+"Use the buttons to control the video."; ``` 这里使用了`&lt;b&gt;`标签加粗文本“VideoDisplayControl:”,并且使用了特殊字符`/n`来...

    重新考虑可绑定转换器和转换器参数

    在IT行业中,尤其是在Windows Presentation Foundation (WPF)和XAML...阅读"Bindable-Converter-and-Converter-Parameter-Revisit.pdf"这份文档,你将能更全面地掌握这些高级技巧,并能够在实际项目中有效地应用它们。

Global site tag (gtag.js) - Google Analytics