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

flex binding

阅读更多

一般的,只要在属性前加上
  [Bindable] 或
  [Bindable(event="eventname")]
  元标记即可
  注意:
  如果没有标出触发绑定的事件,正如[Bindable],Flex会自动为绑定加上propertyChange事件,当源数据发生变化时,Flex将自动派发该事件,触发数据绑定。如果修改后数据和源数据“===”也就是全等,那么Flex将不会触发数据绑定。
  如果标出的触发绑定的事件,正如[Bindable(event="eventname")],那么在源数据发生改变的时候,必须dispatch出该事件才能触发数据绑定。不论修改后数据和源数据是否全等,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">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
		[Bindable(event="shijianevent")]
		private var str:String="null";
		
		private function doTest():void
		{
			str = textIput1.text;
			if(str!="null") //判断和源数据是否相等,不相等则触发绑定
			this.dispatchEvent(new Event("shijianevent"));
		}
		]]>    
	</fx:Script>
	<mx:Text text="{str}" x="80" y="10"/>
	
	<s:Button click="doTest()" x="187" y="67" label="Binding"/>
	<s:TextInput x="305" y="4" id="textIput1"/>
	<s:Label x="187" y="10" text="输入要绑定的数据:" height="22"/>
</s:Application>
  如果没有this.dispatchEvent(new Event("shijianevent"))这句,那么你点击按钮是没有设么作用的。 另外当申明自定义触发事件时,用ChangeWatcher来监控其变化,发现虽然目的源值变了,但是ChangeWatcher却监控不到变化,同样ChangeWatcher也监控不到非共有变量的变化

 

分享到:
评论

相关推荐

    Flex Data Binding详解

    Flex Data Binding是Adobe Flex框架中的核心特性之一,它允许开发者创建数据驱动的应用程序,通过将UI组件的属性与数据模型的属性直接关联,实现实时的数据同步。在Flex中,数据绑定确保当数据源发生变化时,相关的...

    flex4-binding-custom-Class.rar_flex_flex4

    数据绑定的核心概念是`&lt;mx:Binding&gt;`或`&lt;s:Binding&gt;`标签,但更常见的是直接在属性赋值时使用`{}`表达式。 1. **创建自定义类**: 在AS文件中,你需要定义一个自定义类。这个类通常会扩展Flex的基类,如`...

    flex

    5. **Data Binding** - Flex支持数据绑定,可以自动同步UI组件和模型数据。 6. **Event Handling** - 处理用户交互和组件间的通信。 7. **Services and Remoting** - 通过AMF(Action Message Format)调用远程服务...

    flex builder 4 help

    7. **Data Binding(数据绑定)**:Flex 4的数据绑定机制允许属性之间的自动同步,简化了数据驱动组件的开发。开发者可以通过数据绑定将UI组件与后台数据源关联起来。 8. **Integration with other Adobe ...

    Flex4 中文API

    4. **Data Binding**:Flex4支持数据绑定,允许UI元素与数据模型直接关联,当数据模型改变时,UI会自动更新,反之亦然。这对于实现动态、响应式的用户界面非常有用。 5. **States and Effects**:Flex4引入了状态...

    Adobe Flex 3 API

    5. **Data Binding**: 数据绑定是Flex的一个关键特性,它自动将视图组件的状态与应用程序数据模型关联起来。这意味着当数据模型发生变化时,相关的界面元素会自动更新,反之亦然。 6. **Services and Remoting**: ...

    Flex_API的架构图

    6. **Services and Data Binding**: Flex API支持与服务器端的数据交互,如WebService、AMF(Action Message Format)或Remote Object服务。数据绑定机制使得视图组件可以直接与数据源关联,实现数据的自动更新。 7...

    Flex4.0中文API.rar

    6. **Data Binding**:Flex 4.0的数据绑定机制更加灵活,支持双向数据绑定,使得视图和模型之间的数据同步更加自动化。 7. **BlazeDS集成**:BlazeDS是Flex与Java服务器通信的中间件,Flex 4.0中对BlazeDS的支持...

    flex项目源码(本人亲自测试可用)

    6. **Data Binding**:Flex支持数据绑定,使得UI组件的属性能够自动与应用程序数据模型同步,简化了数据驱动UI的开发。 7. **Flex Compiler**:编译器将MXML和ActionScript代码转换为SWF文件,这个文件可以在Web...

    Flex-Menual-CHN.zip_flex_flex 官方文档

    2. Expression Binding:通过表达式将不同变量和属性连接起来,实现动态数据交换。 六、Flex事件机制 1. 事件:在Flex中,事件是对象之间的通信方式,如点击按钮、数据加载完成等。 2. 事件监听器:通过...

    flex笔记 flex笔记 flex笔记

    例如,通过 `&lt;mx:Binding&gt;` 标签可以定义数据绑定关系。 4. **组件与元数据**: - 组件是Flex应用程序的基本构建块,可以通过 `&lt;mx:Component&gt;` 标签定义自定义组件。 - 元数据(`&lt;mx:metadata&gt;`)用于为组件提供...

    flex仪表盘示例代码

    4. 数据绑定:理解如何使用Binding或Observer模式将数据模型与界面元素关联。 通过深入学习和分析这个示例,开发者不仅可以掌握Flex开发仪表盘的基本技能,还能进一步提升在数据可视化和富互联网应用开发上的专业...

    flex4 视频教程截取的一些图片

    5. **Data Binding**:数据绑定是 Flex 4 中的核心特性,它允许视图和模型之间的双向通信,使得数据的改变能实时反映到界面上。 6. ** States 和 Layouts**:Flex 4 改进了状态管理和布局管理,开发者可以更精确地...

    [Flex.3实战].(美)艾哈迈德,(美)赫希,(美)阿比德.扫描版

    5. **Data Binding**:Flex 3支持数据绑定,能实现UI元素与应用程序数据之间的自动同步,简化了数据驱动应用的开发。 6. **Services and Remoting**:Flex 3提供了与服务器进行数据交换的机制,如AMF(Action ...

    Flex3宝典代码很详细很实用最适合初学者

    4. **Data Binding**:Flex支持双向数据绑定,可以自动保持UI元素和后台数据模型的一致性。 5. **Services and Remoting**:Flex允许你轻松地与服务器端数据交互,如使用AMF(Action Message Format)进行远程调用...

    最新最全的FLEX++网站源码

    6. **Data Binding**:Flex支持数据绑定,这意味着视图组件的状态可以自动与模型数据同步,简化了开发过程。 7. ** skins和styles**:Flex应用可以通过皮肤和样式表定制UI外观。源码中可能包含自定义的皮肤文件和...

    Flex3高级图表开发指南

    在Flex 3图表的高级开发中,还需要了解其核心思想,即数据绑定(Data Binding)。数据绑定机制允许开发者将数据源直接绑定到用户界面组件上,从而实现数据的动态展示。通过ActionScript 3提供的事件处理机制,图表...

    经典的 flex 笔试题

    - `Binding`的绑定和解绑应该正确地进行管理,以避免不必要的内存占用。 - 使用`Effect`时,在不再需要时应停止效果并将其`target`属性设置为`null`。 - 对于嵌入的SWF文件,应在不再需要时调用`unload`方法并将...

    Flex4 Life cycle

    - **Binding and Events**:Flex组件支持数据绑定,允许动态同步属性值,同时组件间的交互主要通过事件来实现。 - **MXML**:Flex使用MXML作为标记语言,与ActionScript结合使用,便于声明式编程和构建UI组件。 - **...

Global site tag (gtag.js) - Google Analytics