Flex 数据绑定易犯的错误：普遍的误用和错误

最新推荐文章于 2022-11-13 23:09:20 发布
最新推荐文章于 2022-11-13 23:09:20 发布
阅读量151 收藏
点赞数
分类专栏： Flex 文章标签： 大数据 php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/speed847/article/details/84449340
版权

http://www.cnblogs.com/kakaflex/archive/2011/04/14/2016340.html

 

数据绑定(data binding)- 在创建Flex或Aodbe AIR应用程序中，最常用而且很有用的是将数据从一个对象传递给另外一个对象。于此同时，若开发者不完全理解它的机制的话，可能会给程序造成初始化缓慢或失败的问题。在必须使用的时候，正确地使用数据绑定无疑是好的办法。在这篇文章中，我列出了10个最易犯的错误，以便开发者在创建应用中合理地使用数据绑定。

错过无声的错误

有一种情况，就是你使用了数据绑定，但最终的结果不是你所期待的，没有看到绑定的效果；而且也没有错误提示。

绑定表达式或绑定的函数里抛出的异常和错误，被绑定框架所捕获，这种叫无声捕获。最终导致的结果就是，你通过Flash Player的debug版本去调试程序时，不能在运行时看到异常信息。不仅绑定功能没有工作，连错误都没显示出来。

为什么会有这种无声捕获呢？

在绑定情景出现前，代码需要满足绑定机制所必须的条件。绑定机制可以吞咽任何错误以阻止在运行时抛出异常信息。这样可以避免出现哪些不必要的错误提示信息。

观察并考虑下面这个简单的绑定例子：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
  5. preinitialize="preinitializeHandler(event)"
  6. >
  7. <fx:Script>
  8. <!--[CDATA[
  9. import mx.events.FlexEvent;
  11. [Bidable]
  12. private var xml:XML =
  13. <users>
  14. <user>
  15. <name>EladElrom</name>
  16. <address>1 Wall Street</address>
  17. </user>
  18. </users>;
  20. protected function preinitializeHandler(event:FlexEvent):void
  21. {
  22. xml = null;
  23. }
  24. ]]-->
  25. </fx:Script>
  26. <s:Label id="label" text="{xml.user.name}" />
  27. </s:Application>

 

我已把xml变量绑定到一个Label控件上了。代码看上去没有任何错误，但是，我在预初始化程序时把变量xml的值赋为了null。当初始化这个Laberl 控件时，没有任何设置。因为变量xml为空，所以xml对象的name属性也为空。当你运行程序时，你会看到界面没有任何显示，也没有异常错误，这时的错误信息被悄悄地捕获了。

Debugging bindings

尽管这些错误信息被悄悄地捕获了，但还是可以查出它们在哪里被捕获了。在BindingManager.as和Binding.as代码中，我们可以跟踪到它，但首先你必须安装了完整的Flex SDK.(见图1)

相反，你可以设置断点和钻取绑定对象相关的属性值，查明是什么错误。在这种情况下，你会发现XML 对象的值被设置为null，导致了绑定失败。

另外一个解决办法更直观，就是运用BindingManger 类里的debugBinding方法。设置你所要看到的控件和属性，然后你能看到错误信息如何被解雇和捕获的。

在上面的例子代码中，我注释了BindingManager.debugBinding("label.text");这句代码。

放开注释，重新调试运行；可以在控制台栏里查看错误信息。(见图2)

看一看 Binding.as和BindingManager.as类，会发现代码里有好多if 和 try... catch 语句，这些语句确保是否是有效的绑定。下面给出在使用绑定时的错误信息会被悄悄地捕获：

 

 

 

 

Error #1006: Call attempted on an object that is not a function.

Error #1009: null has no properties.

Error #1010: undefined has no properties.

Error #1055: - has no properties.

Error #1069: Property - not found on - and there is no default value

如果会出现上面任何一个错误，绑定管理者会悄悄地捕获，绑定就起不了作用。

 

运行时错误在大多数场景下会正常地出现。比如，当含有绑定表达式的Label控件初始化时，目标对象的属性没有没赋值或表达式不正确，导致发生了1009的错误信息。同样地，一些绑定表达式只有在应用程序发生动作时才起作用。比如你将数据绑定到一个List 控件的 selectedItem 属性上，只有当你选择item时才起到绑定的作用。

试图绑定到一个没有实现IPropertyChangeNotifier接口的类上

实现了IPropertyChangeNotifier接口的类，当类的属性发生改变时，都会派发事件。举个例子，你可以查看UIComponent 类的代码。实际上UIComponent 类实现了，当属性一旦改变都会派发dispatchPropertyCangeEvent事件。

现在来查看下面这个用户信息的类：

view plain copy to clipboard print ?
  1. package vo
  2. {
  3. publicfinalclass UserInfo
  4. {
  5. public var userName:String;
  6. public var password:String;
  7. public function UserInfo()
  8. {
  9. }
  10. }
  11. }

 

当你试图将Label控件的text属性绑定到某个UserIfo类的属性上时，正如下面的代码一样，绑定不起作用。

 

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768"
  6. creationComplete="creationCompleteHandler()">
  7. <fx:Script>
  8. <!--[CDATA[
  9. import vo.UserInfo;
  10. [Bindable]
  11. private var userInfo:UserInfo = new UserInfo();
  13. protected function creationCompleteHandler():void
  14. {
  15. userInfo.userName = "EladElrom";
  16. }
  17. ]]-->
  18. </fx:Script>
  19. <s:Label id="lbl" text="{userInfo.userName}" />
  20. </s:Application>

 

因为上面的代码试图绑定到一个没有实现IPropertyChangeNotifier接口的类上，绑定机制不能工作。

在这种情况下，在IDE的Problems视图窗口中会看到如下信息：

 

data binding will not be able to detect assignments to "userName".

 

 
在上面这个例子中，你可以通过给UserIfno类添加一个[Bindable]标签来解决绑定不工作的问题。这样就可以确
保这个类的公有属性都可以被绑定。Flex编译器会生成相应的一对公有的getter和setter构造器，来确保它们满足
绑定机制的要求。或者，若不希望所有属性可被绑定，可以将[Bindable]标签添加到类的指定属性上。

 

 

view plain copy to clipboard print ?
  1. package vo
  2. {
  3. [Bindable]
  4. publicfinalclass UserInfo
  5. {
  6. public var userName:String;
  7. public var password:String;
  9. public function UserInfo()
  10. {
  11. }
  12. }
  13. }

ObjectProxy 类

 

如果一个类要想使用数据绑定的功能，必须得实现IPropertyChangeNotifier接口；否则，这个对象不能够绑定的。

但是，有一些类的属性或变量，比如简单的变量，它们不能使用[Bindable]标签，也不能实现必要的接口。也就是说，

这个类属于你创建的，你可以添加[Bindable]来轻松实现绑定的功能；但若这个类不属于你，而你又想实现绑定的功能，

这时你就可以考虑使用ObjectProxy类。ObjectProxy 类包装一个非绑定类和一个属性改变就会派发的PropertyChangeEvent事件。

下面是ObjectProxy的应用例子。创建一个ObjectProxy类对象，并用非绑定类来实例化ObjectProxy，在这里我们用UserInfo这个类。

接着给实例化对象添加一个PropertyChangeEvent事件的侦听函数，并跟踪UserInfo某个条目的改变。

view plain copy to clipboard print ?
  1. version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768"
  6. creationComplete="creationCompleteHandler()">
  8. <fx:Script>
  9. <!--[CDATA[
  10. import mx.events.PropertyChangeEvent;
  11. import mx.utils.ObjectProxy;
  12. import vo.UserInfo;
  13. private var userInfo:UserInfo = new UserInfo();
  14. private var objectProxy:ObjectProxy;
  15. protected function creationCompleteHandler():void
  16. {
  17. objectProxy = new ObjectProxy( userInfo );
  18. objectProxy.addEventListener( PropertyChangeEvent.PROPERTY_CHANGE, onPropertyChange );
  19. objectProxy.userName = "EladElrom";
  20. objectProxy.password = "123";
  21. }
  22. private function onPropertyChange( event:PropertyChangeEvent ):void
  23. {
  24. lbl.text = event.newValue.toString();
  25. }
  26. ]]-->
  27. </fx:Script>
  29. <s:Label id="lbl" />
  31. </s:Application>

 

其中ObjectProxy类时，有一个需要你注意的就是，为了方便通知的派发，每当目标对象的任何对象改变，都会调用事件注册的侦听者。

这样有时显得过了头，例如在上面的例子中，onPropertyChange 事件是被调用了两次。

使用绑定代替直接赋值

在某种情况下不需要使用绑定，完全可以使用直接赋值来达到同样的效果，这时最好要避免使用绑定。我看到过各种各样这种类型的错误。

下面的代码是是其中一个例子：

 

view plaincopy to clipboardprint?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. minWidth="1024" minHeight="768">
  5. <fx:Script>
  6. <!--[CDATA[
  7. private var text:String;
  8. ]]-->
  9. </fx:Script>
  10. <s:layout>
  11. <s:VerticalLayout/>
  12. </s:layout>
  14. <s:TextInput id="textInput2" text="{text}" />
  15. </s:Application>

 

代码中将TextInput控件的text属性绑定到一个私有变量text上。它看起来没有什么错误，对吧？我在Flex应用程序中经常看到这样

的代码。你会发现尽管这个私有的文本型text变量只需要赋值一次，但Flex 编译器会按照绑定机制自动生成相关的代码。另外，还有一些情况，在赋值后取消绑定或删除绑定代码以减少开销，但你不能在MXML类中使用<mx:Binding>标签。

根据经验，避免绑定到一个私有的变量。

在上面的例子中，你可以直接赋值：

view plain copy to clipboard print ?
  1. <s:TextInput id="textInput2" text="some text goes here" />

 

当使用直接赋值，你可以有效地减少内存的开销，因为编译器就不用产生不必要的绑定代码了。

经验来说，使用数据绑定时，要绑定到一个会改变而且将要改变的属性上。

忘记取消绑定或导致内存泄露

你可以在MXML类中使用<mx:Binding>标签来轻易地实现绑定的功能，但是这样的解决方法可能会带来内存开销过多。

另外就是，使用这样子的绑定方法，将来很难取消绑定。如果要将程序优化成一个高性能标准，你可以使用BindignUtils类

来进行绑定你的对象。关于BindingUtils类有两种方式：

<>bindProperty():是一个静态的方法，可用于绑定一个公有的属性。

<>bindSetter():是一个静态的方法，胜于绑定一个函数。

来看一看bindProerty方法的声明：

view plain copy to clipboard print ?
  1. publicstatic function bindProperty(
  2. site:Object, prop:String,
  3. host:Object, chain:Object,
  4. commitOnly:Boolean = false,
  5. useWeakReference:Boolean = false):ChangeWatcher

 

site,host参数分别表示各自的目标和源对象。如果仅在提交 change 事件时需要调用处理函数，则设置为 true；如果无论

是否提交 change 事件都调用处理函数，则设置为 false。

useWeakReference参数相对于host来说是强引用还是弱引用。强引用(默认的)能阻止垃圾对host的回收，弱引用不能。

下面这个例子包含一个文本框和一个Label控件。当TextInput控件在preinitialized阶段时，preinitializeHandler()方法

被调用，里面用到了bindProperty这种方式。

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768">
  6. <fx:Script>
  7. <!--[CDATA[
  8. import mx.binding.utils.BindingUtils;
  9. import mx.events.FlexEvent;
  11. protected function preinitializeHandler(event:FlexEvent):void
  12. {
  13. BindingUtils.bindProperty(label, "text", textInput, "text");
  14. }
  15. ]]-->
  16. </fx:Script>
  18. <s:layout>
  19. <s:VerticalLayout/>
  20. </s:layout>
  22. <s:TextInput id="textInput" preinitialize="preinitializeHandler(event)" />
  23. <s:Label id="label" />
  25. </s:Application>

 

下面是bindSetter方式的定义：

view plain copy to clipboard print ?
  1. publicstatic function bindSetter(setter:Function, host:Object,
  2. chain:Object,
  3. commitOnly:Boolean = false,
  4. useWeakReference:Boolean = false):ChangeWatcher

 

setter参数为回调函数，当源host的chain的值改变时，都会触发这个回调函数。

下面就是利用bindSetter来进行绑定的一个例子：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768">
  7. <fx:Script>
  8. <!--[CDATA[
  9. import mx.binding.utils.BindingUtils;
  10. import mx.events.FlexEvent;
  11. protected function preinitializeHandler(event:FlexEvent):void
  12. {
  13. BindingUtils.bindSetter(bindingSetter, textInput, "text");
  14. }
  16. private function bindingSetter(str:String):void
  17. {
  18. label.text = str;
  19. }
  20. ]]-->
  21. </fx:Script>
  23. <s:layout>
  24. <s:VerticalLayout/>
  25. </s:layout>
  27. <s:TextInput id="textInput" preinitialize="preinitializeHandler(event)" />
  28. <s:Label id="label" />
  30. </s:Application>

 

在幕后，ChangeWatcher类被用在BindingUtils 类里。它允许使用弱引用，所以当你将host

的useWeakReference 值设为true时，垃圾回收器会自动地进行回收，避免内存的泄露。

当使用弱引用，并且不再使用绑定功能情况下。这时ChangeWatcher 需要设置成

unwatched的状态。为了确保内存不被浪费，这项任务是必须的。如下面的例子：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768">
  6. <fx:Script>
  7. <!--[CDATA[
  8. import mx.binding.utils.ChangeWatcher;
  9. import mx.binding.utils.BindingUtils;
  10. import mx.events.FlexEvent;
  11. private var change:ChangeWatcher;
  12. protected function preinitializeHandler(event:FlexEvent):void
  13. {
  14. change = BindingUtils.bindProperty( label, "text",
  15. textInput, "text", false, true);
  16. }
  17. protected function clickHandler(event:MouseEvent):void
  18. {
  19. change.unwatch();
  20. change = null;
  21. }
  22. ]]-->
  23. </fx:Script>
  25. <s:layout>
  26. <s:VerticalLayout/>
  27. </s:layout>
  29. <s:TextInput id="textInput"
  30. preinitialize="preinitializeHandler(event)" />
  31. <s:Label id="label" />
  33. <s:Button label="Stop binding" click="clickHandler(event)" />
  34. </s:Application>

 

将TestInput的text属性绑定到Label控件的text属性上，一旦你在TextInput控件输入任何

文字时，数据会拷贝到Label控件的text属性上。当你准备取消绑定时，点击'Stop Binding'

按钮。这时不再观察属性的改变，将对象设置为null以便于进行垃圾回收。

不改变默认的事件常量-propertyChange

在没有添加事件设置使用Bindable标签来进行绑定时，propertyChange作为默认的事件类型被派发。

所以一个[Bindable]标签相当于Bindable(event="propertyChange")这句话。当你没有特别指明事件的

类型时，编译器会额外创建它的setter和getter构造器代码；所以，你要定义自己的常量以免造成过多

的内存浪费。

细想下面的表达式：

view plain copy to clipboard print ?
  1. [Bindable]
  2. public var testData:String;

 

因没有设置事件的名称，编译器会将它编译成如下代码：

view plain copy to clipboard print ?
  1. [Bindable(event="propertyChange")]
  2. public function get testData():String
  3. {
  4. returnthis._1147269284testData;
  5. }
  6. public function set testData(value:String):void
  7. {
  8. var oldValue:Object = this._1147269284testData;
  9. if (oldValue !== value) {
  10. this._1147269284testData = value;
  11. if (this.hasEventListener("propertyChange"))
  12. this.dispatchEvent(mx.events.PropertyChangeEvent.createUpdateEvent
  13. (this, "testData", oldValue, value));
  14. }
  15. }

 

正如你所看到的，编译器生成的setter构造器中有派发PropertyChangeEvent事件的

代码。当你改变默认的事件名称时，Flex编译器将不再生成额外的代码，这时你要为事件

派发负责了。这样能够给你可以优化侦听者代码。若你不改变默认的设置，每一个使用

[Bindable]的属性，都会派发PropertyChangeEvent事件；而它们的侦听者都会响应。

在一个大量使用[Bindable]属性的类中，这个过程是很占用内存的。

一旦你把事件声称了自己的，比如下面例子，编译器在编译时只是做一下拷贝。

view plain copy to clipboard print ?
  1. Private var _number:Number = 0;
  3. [Bindable(event="changeNumberEvent")]
  4. public function get number():Number
  5. {
  6. return _number;
  7. }
  9. public function set number(value:Number) : void
  10. {
  11. _number = value;
  12. dispatchEvent(new Event("changeNumberEvent"));
  13. }

 

使用错误Bindable事件的名称

在[Bindable]标签中使用错误的事件名称，导致绑定不起作用，而且你可能还不知道这是为什么。当你在使用

[Bidnable]标签中自定义的事件名称，下面的例子好像是很好的代码：

view plain copy to clipboard print ?
  1. publicstaticconst EVENT_CHANGED_CONST:String = "eventChangedConst";
  3. private var _number:Number = 0;
  5. [Bindable(event=EVENT_CHANGED_CONST)]
  6. public function get number():Number
  7. {
  8. return _number;
  9. }
  10. public function set number(value:Number) : void
  11. {
  12. _number = value;
  13. dispatchEvent(new Event(EVENT_CHANGED_CONST));
  14. }

 

上面的代码是将一个静态常量赋值给事件的名称，并使用相同的值去派发事件。但是，当

number值改变时，绑定没有工作。原因是事件的名称是EVENT_CHANGED_CONST，而不是

这个常量的值。

所以将代码改成如下形式，才是正确的：

view plain copy to clipboard print ?
  1. publicstaticconst EVENT_CHANGED_CONST:String = "eventChangedConst";
  3. private var _number:Number = 0;
  5. [Bindable(event="eventChangedConst")]
  6. public function get number():Number
  7. {
  8. return
  9. _number;
  10. }
  11. public function set number(value:Number) : void
  12. {
  13. _number = value;
  14. dispatchEvent(new Event(EVENT_CHANGED_CONST));
  15. }

 

假定绑定的执行顺序

一个普遍的错误是在绑定时，假定绑定的发生是按照一定的顺序来发生。这样可能导致你的程序发生警告提示

和绑定不起作用。ActionScript中的事件是异步执行的方式。

看一下面这个例子：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768"
  6. creationComplete="creationCompleteHandler(event)">
  7. <fx:Script>
  8. <!--[CDATA[
  9. import mx.events.FlexEvent;
  11. [Bindable]
  12. public var buttonText:String = "Execution order mistake ";
  13. ]]-->
  14. </fx:Script>
  16. <s:layout>
  17. <s:HorizontalLayout />
  18. </s:layout>
  20. <s:Label id="label" text="{buttonText}" />
  21. <s:Button label="{label.text}" />
  23. </s:Application>

 

上面的代码可能会工作，但有时也不能工作。在Button的label属性绑定到Label控件的的text属性上时，

假定Label的text属性值已被改变了。当你编译这个程序时，编译器会给出一个警告信息。

下面是另外一个例子，它假定第一个TextInput控件已存在。这种赋值方式会生成绑定所需要的全部代码。

你必须决定这种方式或直接将(y=35)哪个是比较好的方式。

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768">
  7. <s:TextInput id="textInput1" x="10" y="0" />
  8. <s:TextInput id="textInput2" x="0" y="{textInput1.x+25}" />
  10. </s:Application>

 

用绑定代替事件

在多数情况下你可以轻松地使用事件来代替绑定给一个对象进行赋值。你可以使用组件生命周期中的事件或

重写组件的方法如childrenCreated()和initializationComplete()来进行赋值。另外，你可以使用ChangeWatcher

去侦听一个数据的改变，这样做是低耦合的。在使用ChangeWatcher时，多数情况下若能手动地得到数据更改的通知，

应避免使用ChangejWatcher。例如，所有Flex的集合对象都会广播 collectionChange事件，这时你可以手动地得到

该集合对象更改的通知信息。

细想下面的例子：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768">
  7. <fx:Script>
  8. <!--[CDATA[
  9. import mx.events.FlexEvent;
  11. [Bindable]
  12. public var dp:Array = [ { label:"New York", data: "New York" },
  13. { label:"Miami Beach", data: "Miami Beach" } ];
  15. ]]-->
  16. </fx:Script>
  18. <mx:ComboBox id="cb" editable="false" width="100" dataProvider="{dp}" />
  20. </s:Application>

 

上面的代码看上去是flex应用程序的标准代码。但是，这时候的绑定不是必须的。你可以使用

事件的处理者直接给变量赋值，来代替绑定。

view plain copy to clipboard print ?
  1. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  2. xmlns:s="library://ns.adobe.com/flex/spark"
  3. xmlns:mx="library://ns.adobe.com/flex/mx"
  4. minWidth="1024" minHeight="768"
  5. creationComplete="creationCompleteHandler(event)">
  7. <fx:Script>
  8. <!--[CDATA[
  9. import mx.events.FlexEvent;
  11. public var dp:Array = [ { label:"New York", data: "New York" },
  12. { label:"Miami Beach", data: "Miami Beach" } ];
  14. protected function creationCompleteHandler(event:FlexEvent):void
  15. {
  16. cb.dataProvider = dp;
  17. }
  19. ]]-->
  20. </fx:Script>
  22. <mx:ComboBox id="cb" editable="false" width="100" />
  24. </s:Application>

 

绑定一个类同时绑定该类的属性

另外一个普遍的错误是绑定一个类同时绑定该类的属性，比如：

 

view plain copy to clipboard print ?
  1. package
  2. {
  3. [Bindable]
  4. publicclass CustomerVO
  5. {
  6. [Bindable]
  7. public var customerID:int;
  8. public function CustomerVO(customerID:int)
  9. {
  10. this.customerID = customerID;
  11. }
  12. }
  13. }

 

 

这时对customerID属性进行绑定是多余的，因为已对CustomerVO进行了绑定。这样做

不仅会在编译时带来警告，而且会生成多余的代码，影响程序的性能。像这样情况，应该

将多余的绑定删除掉。

在不支持的属性上使用双向绑定

 

 

 

 

Flex4 支持双向绑定。在创建绑定时在大括号前加@符号，而另外一个对象仍处于不被绑定

的状态。如下面的例子:

 

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. minWidth="1024" minHeight="768">
  5. <s:TextInput text="@{someTextInput.text}"/>
  6. <s:TextInput id="someTextInput" y="30"/>
  7. </s:Application>

 

 

双向绑定在大多数情况下是工作的，但若绑定的属性是样式或效果的话，就不起作用了。

绑定到RemoteObject对象的arguments属性，HttpService、RemoteObject、WebService的

request属性也是不起作用的。看一下下面的例子：

 

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. minWidth="1024" minHeight="768">
  6. <fx:Script>
  7. <!--[CDATA[
  8. import mx.rpc.events.FaultEvent;
  9. import mx.rpc.events.ResultEvent;
  11. protected function resultHandler(event:ResultEvent):void
  12. {
  13. // handle result
  14. }
  16. protected function faultHandler(event:FaultEvent):void
  17. {
  18. // handle fault
  19. }
  20. ]]-->
  21. </fx:Script>
  23. <fx:Declarations>
  24. <s:HTTPService id="service" url="http://localhost/someservice.php"
  25. result="resultHandler(event)"
  26. fault="faultHandler(event)">
  27. <mx:request xmlns="">
  28. <username>@{someTextInput.text}</username>
  29. </mx:request>
  31. </s:HTTPService>
  33. </fx:Declarations>
  35. <s:TextInput text="@{someTextInput.text}"/>
  37. <s:TextInput id="someTextInput" y="30"/>
  39. <s:Button click="service.send()" />
  41. </s:Application>

 

 

绑定不起作用的原因在于源和目标对象的属性必须支持绑定，而且能够支持读和写的操

作，只有这样才能支持双向绑定。

总之，数据绑定是Flex的很大的优点，但它也存在潜在的缺点。我建议在使用数据绑定

时，你要花时间考虑该绑定是不是必须的，使用得是不是完全正确。滥用或误用会带来

内存的消耗，影响程序的性能。

speed847
关注
专栏目录
Javascript 中的false,零值,null,undefined和空字符串对象(|| 与 && 运算符详解)
qq_43068818的博客
12-19 4158
Javascript 中的false,零值,null,undefined和空字符串对象(|| 与 && 运算符详解)
flex数据绑定
04-19
可以定义自定义的转换器（Converter）和验证器（Validator）来处理数据绑定过程中数据类型的转换和数据的有效性检查。 8. **复合数据绑定**： 多个数据源可以组合在一起形成复杂的表达式，如`{source1.property1 ...
Flex数据绑定失效的问题
czw333的专栏
10-17 124
  我在TabNavigator中的多个tab页内都做了组件间的属性绑定操作： &lt;mx:Image id="imgVideo" source="{videoClass}" visible="false" width="100%" height="100%" horizontalAlign="center" includeInLayout="{imgV
flex Error #1010: A term is undefined and has no properties. 错误原因
olony的专栏
07-12 9315
最近在做flex程序时，遇到了以下错误 Error #1010: A term is undefined and has no properties. 我的代码(以下代码进行了简化)    public function init():void{        //mb_mainmenu是我定义的一个菜单工具栏，有四个一级菜单，我希望在初始化函数中，把第二个一级菜单设置为f
搭建react项目遇到的问题2022
最新发布
lyd的博客
11-13 6089
最新搭建react项目踩坑
FLEX资源——FLEX数据绑定专题（中文PDF）
03-01
在Flex中，数据绑定是一种声明式编程方式，开发者无需编写复杂的事件处理代码，即可实现UI组件和数据模型之间的实时同步。这种机制极大地提高了开发效率，减少了出错的可能性。文档可能涵盖了以下几个主要知识点： ...
Flex 数据绑定
05-25
Flex 数据绑定是Adobe Flex框架中的一个核心特性，它允许开发者创建动态、响应式的用户界面，使得数据模型的变化能够实时反映到视图上，反之亦然。这种机制大大简化了UI与后台数据同步的过程，减少了手动更新UI的...
Flex数据绑定[收集].pdf
10-11
Flex数据绑定是软件开发中Adobe Flex或Adobe AIR应用程序的核心特性，它允许数据在不同对象之间自动同步。数据绑定简化了用户界面（UI）组件与数据源之间的交互，减少了手动更新的需要。然而，如果不理解其工作原理...
FLEX 数据绑定专题一(转)
07-26
数据绑定是连接应用程序UI（用户界面）组件和数据源的过程，当数据源发生变化时，UI会自动更新，反之亦然。这极大地简化了开发者的工作，因为他们无需手动编写代码来处理这些同步事件。在FLEX中，数据绑定是通过MXML...
如何解决取ADO的Recordset对象的RecordCount属性总是-1问题
yy668dht的专栏
12-22 3370
1.如何解决取ADO的Recordset对象的RecordCount属性总是-1问题？ 最近在用asp做网页后台时,遇到了一个烦人的问题,RecordSet对象的RecordCount和PageCount均为-1.不能直接获取RecordCount属性,我就想了其他的笨办法代替,比如,利用了SQL的集函数select Count(*) as count from table,这样count中就存
JavaScript数据类型及判断
前端学习博客
01-07 975
一.JS 中一共有八种数据类型 基本数据类型（值类型）：String 字符串、Number 数值、BigInt 大型数值、Boolean 布尔值、Null 空值、Undefined 未定义、Symbol。 引用数据类型（引用类型）：Object 对象。 注意：内置对象 Function、Array、Date、RegExp、Error 等都是属于 Object 类型。也就是说，除了那七种基本数据类型之外，其他的，都称之为 Object 类型。 BigInt 和 Symbol 是ES6中新增的类型。 二.栈
Javascript 中的false、0、null、undefined和空字符串对象
liuwyong11的专栏
04-15 1045
在Javascript中，我们经常会接触到题目中提到的这5个比较特别的对象——false、0、空字符串、null和undefined。这几个对象很容易用错，因此在使用时必须得小心。类型检测我们下来看看他们的类型分别是什么：script type="text/javascript"> alert(typeof(false) === boolean); alert(
Flex 数据易犯错误: 常见误用和错误
hrp091pt
01-20 222
Flex 数据易犯错误: 常见误用和错误 2010年06月01日 　　在某些情形下，绑定操作似乎不能正常工作，此时你可能非常懊恼并且不知道如何进行处理。 　　由绑定表达式抛出的、或在绑定框架调用的绑定函数中出现的异常和错误可以被静默捕获。因此，你将不会看到运行时异常，而这在 Flash Player 的调试版本中是能够看到的。这时，不仅绑定操作不能工作，而且系统不会显示错误。 在绑定...
【探秘ES6】系列专栏（六）：解构赋值
weixin_33725126的博客
11-08 164
为什么80%的码农都做不了架构师？>>> ...
Object.defineProperty和proxy代理模式
qq_44621394的博客
09-19 1042
proxy是浏览器提供的代理方式,相比较defineProperty来说Proxy更加灵活,能代理对象的多个属性proxy还能捕捉和拦截数组、函数、构造器、以及Object的一些方法和操作符。
Flex数据绑定深度解析：常见错误与解决策略
"Flex数据绑定是Adobe Flex...通过理解并避免这些常见错误，开发者可以更有效地利用Flex的数据绑定功能，创建出更加健壮和高效的用户界面。在实际开发中，对数据绑定的深入理解和合理运用是提高代码质量和性能的关键。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值