RIA e PHP » MXML http://blog.lookatitude.com Desenvolvimento web, RIA, e muito mais Mon, 08 Feb 2010 17:54:52 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Data Binding bi-direccional com Flex 4 http://blog.lookatitude.com/data-binding-bi-direccional-com-flex-4 http://blog.lookatitude.com/data-binding-bi-direccional-com-flex-4#comments Thu, 01 Oct 2009 09:57:46 +0000 Miguel Pinto http://blog.lookatitude.com/?p=27 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.

]]> http://blog.lookatitude.com/data-binding-bi-direccional-com-flex-4/feed 0