Flex-数据绑定

原创 2012年03月26日 19:55:53


Flex绑定,有三种方式。

1、直接通过{}实现绑定;

eg:
<s:TextInput id="txtFirst"/>
<s:TextInput id="txtSecond" text="{txtFirst.text}"/>//实现第二个输入框值与第一个同步

2、简单的绑定方式。

在<fx:Script>代码中,通过"[Bindable]"关键字实现绑定

3、使用<fx:Binding source="绑定源" destination="目标" />实现绑定

*使用<fx:Binding 中可以通过 twoWay 属性实现双向绑定 twoWay="true"


绑定的代码:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="400" minHeight="300">
	<s:layout>
		<s:VerticalLayout verticalAlign="middle" horizontalAlign="center" />
	</s:layout>
	<fx:Declarations>
		
	</fx:Declarations>
	<fx:Binding source="txtFirst.text" destination="labFirst.text" />
	
	<fx:Script>
		<![CDATA[
			[Bindable]
			private var str:String;
			private function drogSlider():void{
				str = String(sliderFirst.value);
			}
		]]>
	</fx:Script>
	
	<s:Label id="labFirst" text="初始值"/>
	<s:TextInput id="txtFirst"/>
	<s:TextInput id="txtSecond" text="{txtFirst.text}"/>
	<s:HSlider id="sliderFirst" change="drogSlider();"/>
	<s:Label id="labSecond" text="划条值是:{str}"/>
</s:Application>



FLEX数据绑定四种方式

  • 2012年02月06日 10:40
  • 32KB
  • 下载

flex页面跳转及数据绑定

  • 2011年04月26日 13:48
  • 58KB
  • 下载

flex中的数据绑定 bindable用法

一个类声明绑定,相当于给这个类里的所有属性都声明了绑定。等同于你把这个类里的所有属性都声明绑定。  那么这个类的属性如果发生了变化,则会触发绑定。  比如  [Bindable]  p...

flex数据绑定的原理

  • 2008年08月20日 10:50
  • 104KB
  • 下载

Flex Bind数据绑定实例代码

  • 2009年09月05日 13:24
  • 319KB
  • 下载

flex数据绑定

总结一下Flex中的一般的数据绑定的几种实现方法。 首先先讲一下啥叫绑定呢?说白了就是把两个或几个东西绑在一起,一个变化的时候其他的也得跟着他变。这就产生了动态的效果了。 1、用“{}”来进行...

Flex数据绑定

范例一   http://ns.adobe.com/mxml/2009"                xmlns:s="library://ns.adobe.com/fl...

Flex的数据绑定方式一览

       学Flex2个多星期了,也没觉得有什么难得地方,可能是老外写的那本>比较浅显易懂吧,有时不得不佩服老外做事的认真劲和耐心,图文对照,很容易理解。现在数据绑定部分看完了,总结一下书中提到的...

Flex 4双向数据绑定

Flex 4双向数据绑定 双向数据 绑定是Flex新特性之一,而且相当实用。很多时候我需要将一个数据模型绑定到一个表单上,同时又希望表单的任何改变都能够反过来影响数据模型。借助双向数据绑定,只需要...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex-数据绑定
举报原因:
原因补充:

(最多只允许输入30个字)