张航的博客

做过才知道没那么简单,做过才知道没那么难

Flex-数据绑定


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>



阅读更多
个人分类: 读书笔记
上一篇正则表达式-《精通正则表达式》1
下一篇Flex-XML处理
想对作者说点什么? 我来说一句

FLEX- MDI窗口开发实例

2015年07月24日 917KB 下载

flex-messaging系列jar包

2011年09月29日 999KB 下载

flex-最简单的state对象控制

2008年09月17日 1KB 下载

没有更多推荐了,返回首页

关闭
关闭