Flex 4 » examples http://flex4.org Flex 4 tutorials, examples, and thoughts by John Lindquist Wed, 24 Jun 2009 08:28:16 +0000 http://wordpress.org/?v=2.8 en hourly 1 Two-way Bindings http://flex4.org/2009/06/24/two-way-bindings/ http://flex4.org/2009/06/24/two-way-bindings/#comments Wed, 24 Jun 2009 08:26:55 +0000 John Lindquist http://flex4.org/?p=24 Binding between two properties in Flex 4 is insanely easy now. Instead of just using “{}”, now you can add an @ to make it go both ways: “@{}”. In this example, you’ll see the @ in the text property of the second TextArea which will two-way bind with the text property of the first TextArea.

You can test this out by typing the the two TextAreas below:

Get Adobe Flash player

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<?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/halo" 
	>
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
 
	<s:TextArea 
		id="firstTextField" 
		width="100%" 
		height="50%"
		fontSize="20"
		/>
	<s:TextArea 
		id="secondTextField" 
		text="@{firstTextField.text}" 
		width="100%" 
		height="50%"
		/>
</s:Application>
]]> http://flex4.org/2009/06/24/two-way-bindings/feed/ 1