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数据绑定专题

  • 2010-08-20 10:51
  • 222KB
  • 下载

FLEX数据绑定专题.pdf

  • 2010-09-17 11:36
  • 222KB
  • 下载

flex中的数据绑定 bindable用法

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

FLEX数据绑定专题

  • 2009-09-22 10:03
  • 222KB
  • 下载

FLEX数据绑定专题

  • 2009-12-17 19:05
  • 222KB
  • 下载

flex数据绑定

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

FLEX数据绑定专题

  • 2012-09-05 21:45
  • 222KB
  • 下载

FLEX数据绑定四种方式

  • 2012-02-06 10:40
  • 32KB
  • 下载

flex数据绑定

数据绑定 在呈现单个数据的时候,可以使用文本控件。那么在呈现多条数据的时候,如何表现出来呢?在Flex中就已经提供了呈现多条数据的各种数据绑定控件,使用这些控件,就可以设计出各种样式的数据列...

FLEX数据绑定专题

  • 2009-08-31 16:14
  • 222KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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