Binding - deixe o Flex trabalhar para você

Blz?!

Uma das funcionalidades mais interessantes da linguagem é o binding, vamos ver 3 maneiras de implementar



"Data binding lets you pass data between client-side objects in an Adobe® Flex® application. Binding automatically copies the value of a property of a source object to a property of a destination object when the source property changes."


"Ligação de dados permite transmitir dados entre os objetos do lado do cliente em um aplicativo Adobe ® Flex ®. Encadernação copia automaticamente o valor de uma propriedade de um objeto de origem para uma propriedade de um objeto de destino, quando muda a propriedade de origem."

< ?xml version="1.0" encoding="utf-8"?>
< mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    applicationComplete="inicApp(event)"
    layout="absolute">
    < !-- TAG Binding usada no mxml -->
    < mx:Binding source="eIdade.text" destination="lbIdade.text"/>
    < mx:Script>
        < ![CDATA[
            import mx.binding.utils.BindingUtils;
            import mx.events.FlexEvent;
          
            private function inicApp(e: FlexEvent): void {
              // Utilizando a classe BindingUtils
              BindingUtils.bindProperty(lbTel, 'text', eTel, 'text');
            }
        ]]>
    < /mx:Script>
    < mx:Form>
        < mx:FormItem label="Nome: ">
            < mx:TextInput id="eNome"/>
        < /mx:FormItem>
        < mx:FormItem label="Idade: ">
            < mx:TextInput id="eIdade"/>
        < /mx:FormItem>
        < mx:FormItem label="Telefone: ">
            < mx:TextInput id="eTel"/>
        < /mx:FormItem>
    < /mx:Form>
  
    < !-- Setando diretamento o binding diretamente no componente -->
    < mx:Label text="{eNome.text}" y="120"/>
    < mx:Label id="lbIdade" y="140"/>
    < mx:Label id="lbTel" y="160"/>
< /mx:Application>










Mais um exemplo rápido, fácil e prático, bons estudos e bom trabalho.

 
Abraços