Flex - Data Binding

What is Data Binding?

Data Binding is a process in which data of one object is tied to another object. Data binding requires a source property, a destination property and a triggering event which indicates when to copy the data from source to destination.

Flex provides three ways to do Data Binding

Curly brace syntax in MXML Script ({})

<fx:binding> tag in MXML

BindingUtils in ActionScript

Data Binding - Using Curly Braces in MXML

Following example demonstrates using curly braces to specify data binding of a source to destination.

Once you are ready with all the changes done, let us compile and run the application in normal mode as we did in Flex - Create Application chapter.
If everything is fine with your application, this will produce following result: [ Try it online ]