Ligação de dados bi-direccional é algo que dá bastante jeito ter sempre à mão.
Pois bem com as novas funcionalidades no flex 4 ficou ainda mais simples, basicamente existem 2 formas de o fazer, usando a tag mxml ou usando o operador ‘@’.
Exemplo usando MXML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <?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"
minWidth="1024"
minHeight="768">
<s:layout>
<s:VerticalLayout />
</s:layout>
<fx:Binding source="campo1.text"
destination="campo2.text"
twoWay="true" />
<s:TextInput id="campo1" />
<s:TextInput id="campo2" />
</s:Application> |
Exemplo usando o operador:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <?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"
minWidth="1024"
minHeight="768">
<s:layout>
<s:VerticalLayout />
</s:layout>
<s:TextInput id="campo1" />
<s:TextInput id="campo2" text="@{campo1.text}" />
</s:Application> |
Pessoalmente apenas uso o ultimo método se estiver a fazer um protótipo pois quero definir rapidamente as funcionalidades, mas nunca em versões finais ou para produção, porque dificulta a leitura do código. Sendo assim preferível sempre que a aplicação saia da fase de prototipo usar o primeiro método, pois no topo da aplicação vemos logo o que está ligado a quê.
Fica assim mais uma dica.
Divirtam-se.