数据绑定

原文地址：http://livedocs.adobe.com/flex/3/html/databinding_2.html 数据绑定是把一个对象上的数据绑到另一个对象的过程。它提供了在应用程序不同层之间传递数据的简捷方式。数据绑定需要一个源属性，一个目标属性，以及一个指示何时把数据从源拷贝到目标的触发事件。当源属性发生改变时，一个对象广播触发事件。 Adobe Flex有3种指定数据绑定的方法：MXML中的花括号({})语法，MXML中的<binding>标签和ActionScript代码中的BindingUtils方法。下面的例子使用花括号({})语法演示一个Text控件从一个TextInput控件的text属性获取数据： <?xml version=”1.0″?><application xmlns:mx="”http://www.adobe.com/2006/mxml”"><textinput id="”myTI”" text="”Enter" here></textinput><text id="”myText”" text="”{myTI.text}”/"></text></application> 上面这个例子的效果如下： Flash Content:Click Here to Show/Hide 花括号里的属性名称是绑定表达式的源属性。当源属性的值改变时，Flex把源属性的当前值，myTI.text，拷贝到目标属性，Text控件的text属性。 你可以把ActionScript代码和E4X表达式作为数据绑定表达式的一部分，如下所示： <?xml version=”1.0″?><application xmlns:mx="”http://www.adobe.com/2006/mxml”"><textinput id="”myTI”/"><text id="”myText”" text="”{myTI.text.toUpperCase()}”/"></text></textinput></application> 其运行结果如下： Flash Content:Click Here to Show/Hide 在这个例子中，我们使用了ActionScript方法String.toUpperCase()，在Flex把源属性数据拷贝到目标属性时，把源属性里的文字转换成大写。更多信息，请阅读在数据绑定表达式中使用ActionScript和在数据绑定表达式中使用E4X表达式。 你可以使用<binding>标签替代花括号语法。当使用<binding>标签时，要在<binding>标签的source属性中设置源属性，destination属性中设置目标属性。下面的例子使用<binding>标签定义从TextInput控件到Text控件的数据绑定： <?xml version=”1.0″?><application xmlns:mx="”http://www.adobe.com/2006/mxml”"><textinput id="”myTI”/"><text id="”myText”/"><binding source="”myTI.text”" destination="”myText.text”/"></binding></text></textinput></application> 其运行结果如下： Flash Content:Click Here to Show/Hide 与使用花括号语法不同的是，使用<binding>能够完全的把视图(用户界面)同模型分离开。<binding>标签也可以把多个源属性绑定到同一目标属性上，因为你可以使用同一个目标属性指定多个<binding>标签。关于这方面的一个例子，请看把多个源属性绑定到一个目标属性。 花括号和<binding>都是在编译期定义数据绑定。使用ActionScript能够在运行期定义一个数据绑定，如下所示： <?xml version=”1.0″?><application xmlns:mx="”http://www.adobe.com/2006/mxml”"><script></script><textinput id="”myTI”/"><text id="”myText”" preinitialize="”initBindingHandler();”/"></text></textinput></application> 其运行结果如下： Flash Content:Click Here to Show/Hide 在这个例子中使用了静态的BindingUtils.bindProperty()方法定义绑定。你也可以使用BindingUtils.bindSetter()方法定义一个到函数的绑定。更多信息，请参考使用ActionScript定义数据绑定。 注意在本例子中使用preinitialize事件定义数据绑定。这是必须的，因为当应用程序启动、源对象广播initialize事件时，Flex触发所有的数据绑定。 数据绑定发生在什么时候 绑定发生在下列情形中： 绑定源广播里一个事件，因为源被修改了。这个事件可能发生在应用程序运行期间的任何时间。该事件触发Flex把数据从源属性拷贝到目标属性。 在应用程序启动时，当源对象广播里initialize事件。在应用程序启动时所有的数据绑定都会触发一次，来初始化目标属性。 要监视数据绑定，你可以定义一个绑定观察者，当绑定发生时触发一个事件处理。更多信息，请阅读定义绑定观察者。 UIComponent的executeBindings()方法执行所有的目标为该UIComponent对象的绑定。所有的容器、控件，包括Repeater组件，都扩展自UIComponent。Container和Repeater类的executeChildBindings()执行容器和Repeater的子UIComponent是绑定目标的绑定。所有的容器都扩展自Container类。 这些方法给你提供了一种当绑定没有如预想的执行时，你可以的选择。通过添加一行代码，比如调用executeChildBindings()方法，你可以在做了更改而没有执行绑定时更新用户界面。但是，如果你明确知道绑定不会自动执行时，就不应该调用executeBindings()。 支持数据绑定的属性 你可以把对象的任何属性当作数据绑定表达式的目标。但是，当作数据绑定表达式的源属性的源对象，必须实现对数据绑定的支持，也就是说当属性值发生改变时，要广播一个事件触发数据绑定。本文中，可用作数据绑定表达式源的属性称为可绑定的属性。 使用只读属性当作数据绑定源 你可以使用getter方法定义一个只读属性，也就是说没有setter方法，作为数据绑定表达式的源。当程序启动时，Flex执行一次绑定。 使用静态属性作为数据绑定源 你可以使用静态常量当作数据绑定源。Flex在程序启动时，执行一次绑定。 你可以使用静态变量当作数据绑定表达式源。Flex在程序启动时，执行一次绑定。 创建用于数据绑定源的属性 当你创建了一个可用作数据绑定源的属性，当源属性值改变时，Flex会自动把源属性值拷贝到所有目标属性上。要想让Flex能够拷贝，你必须使用[Bindable]数据标签向Flex注册属性。 [Bindable]用法如下： ACTIONSCRIPT3 show/hide 1 2 [Bindable] [Bindable(event="eventname")] 如果省略了事件名，Flex 自动生成一个名为propertyChange的事件，当这个属性的值发生改变时，Flex会自动广播这个事件来触发所有使用该属性作为源的数据绑定。如果你指定了事件名称，那么当属性值改变时，你有责任广播这个事件。 下面的例子把可用于数据绑定的变量maxFontSize和minFontSize作为数据绑定表达式的源： <?xml version=”1.0″?><application xmlns:mx="”http://www.adobe.com/2006/mxml”"><script></script><text text="”{maxFontSize}”/"><text text="”{minFontSize}”/"><button click="”maxFontSize=20;" minfontsize="10;”/"></button></text></text></application> 其结果如下： Flash Content:Click Here to Show/Hide 当你点击Button控件时，你更新了maxFontSize和minFontSize的值，也就触发了Text控件上的数据绑定的更新。 注：如果你省略了[Bindable]标签，Flex编译器会生成一条数据绑定机制无法侦测到属性改变的警告语句。 数据绑定的使用 数据绑定的常用方法如下： 把用户界面控件的属性绑定到其他用户界面控件上。 把用户界面控件的属性绑定到中间层数据模型上，并把数据模型的那个字段绑定到数据服务请求上(一个第三方系统)。 把用户界面控件属性绑定到数据服务请求上。 把数据服务结果绑定到用户界面控件属性上。 把数据服务结果绑定到中间层数据模型上，并把数据模型字段绑定到用户界面控件上。更多关于数据模型的信息，请阅读 存储数据。 把ArrayCollection或XMLListCollection对象绑定到一个基于List的控件的dataProvider属性。 把复杂属性的单个部分绑定到用户界面控件的属性上。一个例子就是点击一个列表控件的项，多个其他控件的都跟着更新。 通过使用ECMAScript关于XML(E4X)的表达式把XML数据绑定到用户界面控件。 尽管绑定是非常强大的机制，但它并非在所有情况下都适用。比如一个负责的用户界面，分隔成了多块，需要按严格的时间进行更新，更希望能有一种方法按一定的顺序进行赋值。另外，当属性值改变时，绑定就会执行一次，因此，如果你只希望执行其中几次的话，绑定也是不适用的。</binding></binding></binding></binding></binding></binding></binding></binding></binding>