一般的,只要在属性前加上
[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是Adobe Flex框架中的核心特性之一,它允许开发者创建数据驱动的应用程序,通过将UI组件的属性与数据模型的属性直接关联,实现实时的数据同步。在Flex中,数据绑定确保当数据源发生变化时,相关的...
数据绑定的核心概念是`<mx:Binding>`或`<s:Binding>`标签,但更常见的是直接在属性赋值时使用`{}`表达式。 1. **创建自定义类**: 在AS文件中,你需要定义一个自定义类。这个类通常会扩展Flex的基类,如`...
5. **Data Binding** - Flex支持数据绑定,可以自动同步UI组件和模型数据。 6. **Event Handling** - 处理用户交互和组件间的通信。 7. **Services and Remoting** - 通过AMF(Action Message Format)调用远程服务...
7. **Data Binding(数据绑定)**:Flex 4的数据绑定机制允许属性之间的自动同步,简化了数据驱动组件的开发。开发者可以通过数据绑定将UI组件与后台数据源关联起来。 8. **Integration with other Adobe ...
4. **Data Binding**:Flex4支持数据绑定,允许UI元素与数据模型直接关联,当数据模型改变时,UI会自动更新,反之亦然。这对于实现动态、响应式的用户界面非常有用。 5. **States and Effects**:Flex4引入了状态...
5. **Data Binding**: 数据绑定是Flex的一个关键特性,它自动将视图组件的状态与应用程序数据模型关联起来。这意味着当数据模型发生变化时,相关的界面元素会自动更新,反之亦然。 6. **Services and Remoting**: ...
6. **Services and Data Binding**: Flex API支持与服务器端的数据交互,如WebService、AMF(Action Message Format)或Remote Object服务。数据绑定机制使得视图组件可以直接与数据源关联,实现数据的自动更新。 7...
6. **Data Binding**:Flex 4.0的数据绑定机制更加灵活,支持双向数据绑定,使得视图和模型之间的数据同步更加自动化。 7. **BlazeDS集成**:BlazeDS是Flex与Java服务器通信的中间件,Flex 4.0中对BlazeDS的支持...
6. **Data Binding**:Flex支持数据绑定,使得UI组件的属性能够自动与应用程序数据模型同步,简化了数据驱动UI的开发。 7. **Flex Compiler**:编译器将MXML和ActionScript代码转换为SWF文件,这个文件可以在Web...
2. Expression Binding:通过表达式将不同变量和属性连接起来,实现动态数据交换。 六、Flex事件机制 1. 事件:在Flex中,事件是对象之间的通信方式,如点击按钮、数据加载完成等。 2. 事件监听器:通过...
例如,通过 `<mx:Binding>` 标签可以定义数据绑定关系。 4. **组件与元数据**: - 组件是Flex应用程序的基本构建块,可以通过 `<mx:Component>` 标签定义自定义组件。 - 元数据(`<mx:metadata>`)用于为组件提供...
4. 数据绑定:理解如何使用Binding或Observer模式将数据模型与界面元素关联。 通过深入学习和分析这个示例,开发者不仅可以掌握Flex开发仪表盘的基本技能,还能进一步提升在数据可视化和富互联网应用开发上的专业...
5. **Data Binding**:数据绑定是 Flex 4 中的核心特性,它允许视图和模型之间的双向通信,使得数据的改变能实时反映到界面上。 6. ** States 和 Layouts**:Flex 4 改进了状态管理和布局管理,开发者可以更精确地...
5. **Data Binding**:Flex 3支持数据绑定,能实现UI元素与应用程序数据之间的自动同步,简化了数据驱动应用的开发。 6. **Services and Remoting**:Flex 3提供了与服务器进行数据交换的机制,如AMF(Action ...
4. **Data Binding**:Flex支持双向数据绑定,可以自动保持UI元素和后台数据模型的一致性。 5. **Services and Remoting**:Flex允许你轻松地与服务器端数据交互,如使用AMF(Action Message Format)进行远程调用...
6. **Data Binding**:Flex支持数据绑定,这意味着视图组件的状态可以自动与模型数据同步,简化了开发过程。 7. ** skins和styles**:Flex应用可以通过皮肤和样式表定制UI外观。源码中可能包含自定义的皮肤文件和...
在Flex 3图表的高级开发中,还需要了解其核心思想,即数据绑定(Data Binding)。数据绑定机制允许开发者将数据源直接绑定到用户界面组件上,从而实现数据的动态展示。通过ActionScript 3提供的事件处理机制,图表...
- `Binding`的绑定和解绑应该正确地进行管理,以避免不必要的内存占用。 - 使用`Effect`时,在不再需要时应停止效果并将其`target`属性设置为`null`。 - 对于嵌入的SWF文件,应在不再需要时调用`unload`方法并将...
- **Binding and Events**:Flex组件支持数据绑定,允许动态同步属性值,同时组件间的交互主要通过事件来实现。 - **MXML**:Flex使用MXML作为标记语言,与ActionScript结合使用,便于声明式编程和构建UI组件。 - **...