flex简单的数据绑定

桃扇骨 2022-08-21 08:42 192阅读 0赞

数据绑定是ActionScript支持的一项功能，能够让一个项目监听另一个项目的值，。绑定不仅有助于减少需要编写的代码量，而且，由于该功能可以有效地抽象信息的发布者和使用者因此也能加强应用程序的易扩展性。

1、为绑定例子

<?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="955" minHeight="600">
    
    	<fx:Declarations>
    		
    	</fx:Declarations>
    	<s:Group>
    		<s:layout>
    			<s:HorizontalLayout/>
    		</s:layout>
    		
    		<s:TextInput id="value1"/>
    		<s:Button label="copy" click="value2.text = value1.text"/>
    		<s:TextInput id="value2"/>
    	</s:Group>
    </s:Application>

2、绑定后

<?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="955" minHeight="600">
    
    	<fx:Declarations>
    		
    	</fx:Declarations>
    	<s:Group>
    		<s:layout>
    			<s:HorizontalLayout/>
    		</s:layout>
    		
    		<s:TextInput id="value1"/>
    		
    		<s:TextInput id="value2" text="{value1.text}"/>
    	</s:Group>
    </s:Application>

这些花括号可以放置任何表达式，包括条件表达式、算数表达式等。下面

<s:TextInput id="value1"/>
    
    		<s:TextInput id="value2"/>
    		<s:Label id="lbl1" text="Adding"/>
    		<s:TextArea id="value3" text="{value1.text + value2.text}"/>
    		<s:Button id = "btn1" label="added" click="Alert.show(value1.text + value2.text);"/>

绑定标签

使用<fx:Bingding> 在外部连接组件，当用户

<fx:Script>  
<!\[CDATA\[  
import mx.controls.Alert;  
\[Bindable\]  
var stringa:String = "";  
\]\]>  
</fx:Script>

<s:Button label="变量绑定" click="stringa = value1.text"/>  
<mx:Label text="\{'绑定变量:' + stringa\}"/>