Flex2使用BindingUtils动态绑定【转载】

来源:互联网 发布:matlab mac 编辑:程序博客网 时间:2024/05/03 21:56

关于Flex2绑定的例子,大都是使用[Bindable]注释,或在mx视图组件中使用大括号{}来实现的。基本都是象下面的代码

xml 代码

  1.         [CDATA[  
  2.             [Bindable]  
  3.             private var myText : String;  
  4.         ]]  

但实际项目中,并非都是这种理想的情况,有时你的视图组件是动态生成的,有时你需要动态的改变绑定,有时你使用Sprite动态生成的图形也需要绑定数据,或者你就是喜欢完全使用AS来写。
这时就可以使用mx.binding.utils.BindingUtils类,改写上面的例子

xml 代码

  1.         [CDATA[  
  2.             import mx.controls.Label;  
  3.             import mx.controls.TextInput;  
  4.             import mx.binding.utils.BindingUtils;  
  5.             private function init():void {  
  6.                 var textInput : TextInput = new TextInput();  
  7.                 var textLabel : Label = new Label();  
  8.                 myBox.addChild(textInput);  
  9.                 myBox.addChild(textLabel);  
  10.                 BindingUtils.bindProperty(textLabel, "text", textInput, "text");  
  11.             }  
  12.         ]]  

这个例子将textInput.text与textLabel.text进行了绑定,而且没有使用[Bindable],也没有使用{}。
使用这种方法,可以将多个视图组件与一个Value Object对象(或叫DTO、Bean等)进行绑定,当VO对象改变时,所有绑定的视图都会改变。也可以在纯as文件中实现动态绑定了。

xml 代码

  1.         [CDATA[  
  2.             import model.UserVO;  
  3.             import mx.controls.Label;  
  4.             import mx.controls.TextInput;  
  5.             import mx.binding.utils.BindingUtils;  
  6.             private var userVO : UserVO = new UserVO();  
  7.             private function init():void {  
  8.                 for (var i : int = 0; i < 3; i++) {  
  9.                     var nameLabel : Label = new Label();  
  10.                     var emailLabel : Label = new Label();  
  11.                     myBox.addChild(nameLabel);  
  12.                     myBox.addChild(emailLabel);  
  13.                     BindingUtils.bindProperty(nameLabel, "text", userVO, "name");  
  14.                     BindingUtils.bindProperty(emailLabel, "text", userVO, "email");  
  15.                 }  
  16.             }  
  17.         ]]  
  1. package model  
  2. {  
  3.     [Bindable]  
  4. public class UserVO  
  5.     {  
  6. public var name: String;  
  7. public var email: String;  
  8. public var online: Boolean = false;  
  9.     }  
原创粉丝点击