Flex 绑定的三种方法

nmgfire007

于 2008-08-08 16:58:00 发布

阅读量499

点赞数

文章标签： flex binding application function string encoding

本文链接：https://blog.youkuaiyun.com/nmgfire007/article/details/2788341

版权

本文介绍了一个使用 Flex 进行数据绑定的应用案例。通过三种不同的绑定方式：直接绑定、使用 Bindings 标签绑定及自定义绑定函数，展示了如何在用户界面组件间同步数据变化。每次点击按钮会更新绑定的数据源，进而触发界面更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
<![CDATA[
  import mx.binding.utils.BindingUtils;
  [Bindable]
  private var bindData:String = new String("binding data");
  private function handlBinding():void{
   BindingUtils.bindProperty(bind3,"text",bind1,"text");
  }
  private var i:int = 0;
  private function changeData():void{
   i++;
   bindData = bindData + i + ",";
  }
]]>
</mx:Script>
<mx:Label x="41" y="64" text="绑定类型一："/>
<mx:TextInput id="bind1" x="114" y="62" text="{bindData}"/>

<mx:Label x="41" y="124" text="绑定类型二："/>
<mx:TextInput id="bind2" x="114" y="122"/>
<mx:Binding source="bind1.text" destination="bind2.text"/>

<mx:Label x="41" y="178" text="绑定类型三："/>
<mx:TextInput id="bind3" x="114" y="176" preinitialize="handlBinding()"/>

<mx:Button label="Change binding data" click="changeData()" x="89" y="229"/>
</mx:Application>