Model with data binding to TextInput

          

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Model id="contact">
        <info>
            <homePhone>{homePhoneInput.text}</homePhone>
            <cellPhone>{cellPhoneInput.text}</cellPhone>
            <email>{emailInput.text}</email>
        </info>
    </mx:Model>
    <mx:Panel title="My Application" paddingTop="10" paddingBottom="10"
        paddingLeft="10" paddingRight="10">
        <mx:TextInput id="homePhoneInput" text="invalid phone number." />
        <mx:TextInput id="cellPhoneInput" text="(999)999-999" />
        <mx:TextInput id="emailInput" text="me@s.net" />
    </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Sets value for a public variable and bind to TextInput
2.	Binding to a TextInput control
3.	Binding 2 way between Form TextInput fields
4.	Binding one TextInput to another TextInput
5.	Bind variable to a TextInput
6.	Bind TextInput to Text
7.	Bind TextInput to Model
8.	Convert value in TextInput to number and bind
9.	Use tag to define a data binding from a TextInput control to a Label control
10.	Bind data entered in a TextInput control to a data model
11.	Bind Label control to TextInput control's text
12.	Use one tag along with curly brace syntax to bind the Label control's text to two different TextInput controls
13.	Bind TextInput to ArrayCollection with BindingUtils
14.	Binding a Text and TextInput
15.	Use curly braces ({}) syntax to show a Text control that gets its data from a TextInput control's text property
16.	Use curly braces ({}) syntax to show a Label control that gets its data from a TextInput control's text property
17.	Show a method with two parameters bound to the text properties of TextInput controls.
18.	Bound TextInput Control
19.	Cause a TextInput to modify the Label

Model with data binding to TextInput : TextInput Data Binding « Components « Flex

Related examples in the same category