Data Binding bi-direccional com Flex 4
Category : Flash Platform, flex 4
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.
- Press My Buttons !
