什么是数据绑定:当数据源对象的数据发生变化时,目标对象的数据会自动更新,而不需要我们再编写代码区强制更新
数据绑定实际也是借助于实践机制来完成的,当目标使用了数据绑定的时候,目标对象就会监听数据源对象的某一固定事件,当数据源发生变化时,数据源会派发改变事件(ChangeEvent),通知目标对象更新数据,这个过程由Flex完成,不用我们动手干预
数据绑定的前提条件:源对象的数据和目标对象的数据格式相同
实现数据绑定的方法:
1、在对象的属性标签中使用{}把数据源直接绑定到对象的某个属性上
2、在对象的属性标签中使用{}把某个函数的返回值作为数据源绑定到对象的属性上,函数的参数要是用[Bindable]绑定符号
[Bindable]:[Bindable(event="eventname")]
event表示当前数据源发生变化时数据源所在对象派发的事件类型,它是可选项,默认的事件名是“propertyChange”,一般情况
下只需要使用[Bindable]标签
3、使用<mx:Binding>标签:
标签中有两个属性source="..." destination="...",分别是数据源和目标对象
在使用第三种方法的时候要会“<mx:Model>”标签,下面示例中有
下面是三种方法的示例:
第一种方法的示例:页面上有一个label和一个可拖动的滚动条,在拖动滚动条的时候label中字体大小改变,这个大小就是滚动条的值
<mx:Label x="42" y="47" text="中国加油" width="368" height="217" fontSize="{fsize.value}" id="txt_label"/>
<mx:HSlider x="42" y="358" width="482" minimum="10" maximum="100" id="fsize"/>
第二种方法的示例:在这个示例中方法的返回值是数据源,当滚动条改变时触发滚动条的change事件,改变n的值,字体大小监听事件,当n改变时触发事件调用方法,并且将方法的返回值作为字体的大小
<mx:Script>
<![CDATA[
[Bindable]
private var n:int;
internal function sliderChange(num:int){
return num * num;
}
]]>
</mx:Script>
<mx:Label x="42" y="47" text="中国加油" width="368" height="217" fontSize="{sliderChange(n)}" id="txt_label"/>
<mx:HSlider x="42" y="358" width="482" minimum="1" maximum="10" id="fsize" change="{n=fsize.value}"/>
第三种方法:
“<mx:Model>”标签的简单示例
<mx:Model id="books">
<books>
<book>
<name>Flex入门</name>
<author>anmo</author>
</book>
<book>
<name>Flex入门</name>
<author>anmo</author>
</book>
</books>
</mx:Model>
第三种方法的简单示例代码,代码中省略了两个文本框,示例的大致内容是:使用“<mx:Model>”标签来定义数据源,然后用<mx:Binding>标签绑定到文本框中
<mx:Model id="books">
<books>
<book>
<name>Flex入门</name>
<author>anmo</author>
</book>
</books>
</mx:Model>
<mx:Binding source="books.book.name" destination="text_bookName.text"/>
<mx:Binding source="books.book.author" destination="text_bookAuthor.text"/>
分享到:
相关推荐
数据绑定数据绑定对象BindingContext
spring MVC数据绑定 含例子 转载自疯芒毕露的专栏 刚开始用spring mvc 做web开发时 经常会不知道如何合适绑定页面数据 用惯struts2的朋友更认为spring mvc 绑定数据不如struts2方便 本人最开始也是这么认为 经过一段...
Visual C++源代码 107 如何使用数据绑定浏览数据库记录Visual C++源代码 107 如何使用数据绑定浏览数据库记录Visual C++源代码 107 如何使用数据绑定浏览数据库记录Visual C++源代码 107 如何使用数据绑定浏览数据库...
wpf 数据绑定 经典 数据绑定 经典wpf 数据绑定 经典 数据绑定 经典wpf 数据绑定 经典 数据绑定 经典
c#数据绑定实验c#数据绑定实验c#数据绑定实验c#数据绑定实验
C#使用数据绑定控件录入数据
DevExpress简单的GridControl 数据绑定
DevExpress TreeList 数据绑定,很简单,注意KeyFieldName ParentFieldName两个属性设置
EasyUI:基本布局&tree菜单数据的绑定&DataGrid数据查询&数据绑定&分页
在ASP.NET我们在使用Repeater,DetailsView,FormView,GridView等数据绑定模板时,都会使用("字段名") %>或("字段名") %>这样的语法来单向或双向绑定数据。但是我们却很少去了解,在这些语法的背后,ASP.NET究竟都...
wpf5种数据绑定方式示范 OneWayToSource OneWay TwoWay
第7章 数据绑定控件 300 7.1 数据绑定技术 301 实例188 格式化订货金额和订单日期并 进行绑定 301 实例189 使用绑定表达式高亮显示搜索关键字 302 实例190 Eval()绑定图书图片并实现单击图片 进行链接 304 实例191 ...
在asp.net(C#)中TreeView控件的数据绑定,本例子绑定是目录结构(即是文件夹),按目录等级来分层绑定的,用于目录管理,可自己添加功能代码实现指定文件夹的新建、名称修改,以及文档的上传、转移及各种管理。
该文档介绍了各种窗体数据绑定 WPF/WinForm 自定义DataViewManger 数据游标 ListView的数据绑定 属性通知的事件绑定 AOP实现的数据绑定 WPF的超简洁的集合数据绑定 SQLserver的数据库增删改查绑定实例
devexpress chartControl数据绑定例程
详解+实例 vue单向数据绑定,双向数据绑定.zip
ASP.NET 2.0 的数据源、数据绑定控件概述与区别
详细描述ASP.NET数据绑定技术,采用原理与实例结合的方法通俗易懂的介绍数据绑定技术。
如何使用数据绑定浏览数据库记录 使用vs2005开发
数据源控件与数据绑定控件 如何实现数据源控件与数据绑定控件