小编给大家分享一下Flex数据绑定方式有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
关于Flex的几种绑定
在Flex应用中程序中,Flex数据绑定的实际是借助事件机制来完成的,当目标使用Flex数据绑定的时候,目标对象就会监听数据源对象的某一固定事件。当数据源发生变化时,数据源会派发改变事件通知目标对象更新数据。实际开发中我们不需要去关注具体的实现过程,这个过程Flash/Flex会自动去完成。
在Flex中,Flex数据绑定主要有四种方式,分别为:"{}"绑定表达式、[Bindable]绑定符号、<mx:Binding>标签和BindingUtils动态绑定,下面一一对这四种Flex数据绑定方式进行详细介绍。
Flex数据绑定***种,使用{}绑定
<mx:TextInputidmx:TextInputid="input"/> <mx:Labeltextmx:Labeltext="{input.text}"/>
Flex数据绑定第二种,<mx:Binding>绑定
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="vertical"> <mx:TextInputidmx:TextInputid="inputSource"/> <mx:Labelidmx:Labelid="labelTarget"/> <mx:Bindingsourcemx:Bindingsource="inputSource.text"destination="labelTarget.text"/> </mx:Application>
Flex数据绑定第三种,使用BindingUtils工具类
BindingUtils.bindProperty ( target,"targetProperty",source,"sourceProperty" );
◆target:Object-目标
◆targetProperty:目标属性,String类型
◆source:Object-绑定源
◆sourceProperty:源属性,String类型
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="vertical"> <mx:TextInputidmx:TextInputid="inputSource"/> <mx:Labelidmx:Labelid="labelTarget"/> </mx:Application> <script> BindingUtils.bindProperty (labelTarget,"text",inputSource,"text"); </script>
以上是“Flex数据绑定方式有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!