Create Customized Bindable Properties

            
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
       <mx:Script>
          
            private var _firstName:String;
            public static const FIRST_NAME_CHANGED:String = "firstNameChanged";

            private function clickHandler():void
            {
                firstName = fnInput.text;
            }

            [Bindable(event="firstNameChanged")]
            public function get firstName():String
            {
                return _firstName;
            }
            public function set firstName( str:String ):void
            {
                 _firstName = str;
                 dispatchEvent( new Event( FIRST_NAME_CHANGED ) );
            }

      

    </mx:Script>

    <mx:Panel title="User Entry.">
        <mx:HBox>
            <mx:Label text="First Name:" />
            <mx:TextInput id="fnInput" />
        </mx:HBox>
        <mx:Button label="submit" click="clickHandler();" />

        <mx:Label text="You Entered:" />
        <mx:HBox>
            <mx:Label text="First Name:" />
            <mx:Text text="{firstName}" />
        </mx:HBox>
    </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Using binding to do an automatic copy to a target
2.	Making your own bindable variable and bind to TextInput
3.	Binding Curly
4.	Bind Data To Model
5.	Databinding Effects
6.	Set enabled property of Validator using data binding
7.	Use validator with data binding to validate either the source or destination of the data binding
8.	Implementing Two-Way Bindings
9.	Implementing Two-Way Bindings with
10.	Modify Label text through data binding
11.	Applying behaviors in MXML using data binding
12.	Use data binding to specify information to the value property
13.	data binding between Model and Form controls
14.	Include ActionScript code and E4X expressions as part of the data binding expressions
15.	The curly braces syntax and the tag both define a data binding at compile time
16.	Using data binding with data models
17.	Curly braces syntax and tag both define a data binding at compile time
18.	Make maxFontSize and minFontSize properties that you defined as variables usable as the sources for data bindings expressions
19.	Data binding examplesUsing data binding with data models
20.	Data Binding Using Curly Braces Syntax
21.	Data Validation Through Data Bindings
22.	Data Binding Through ActionScript Expressions
23.	Data Binding Using the Tag in MXML Syntax
24.	Use custom function during data binding
25.	Use data binding to make your chart reflect data changes in real time.
26.	Value With Data Binding
27.	Value Trigger With Data Binding On Model
28.	Value Trigger With Data Binding for Complex Model
29.	Set the enabled property by using data binding
30.	Using Timer to fire data binding event
31.	MXML binding
32.	Binding control property to a property of another control
33.	More Uses for Curly Braces
34.	Using more than one set of curly braces
35.	declare bindings outside of component tags
36.	databinding syntax escaped
37.	Binding With Curly Braces
38.	Use tag as an alternative to the curly braces syntax
39.	Binding a source property to more than one destination property
40.	Defining bidirectional bindings
41.	Bind with Binding tag
42.	Wrap the whole string with {} during Binding
43.	tags in the following example are valid and equivalent to each other
44.	Converting text to upper with Binding
45.	Use a static constant as the source for a data-binding expression
46.	Create a String variable for binding
47.	Multiple Destinations binding
48.	Using multiple tags
49.	Multilevel Bindings
50.	Simple Binding Test
51.	Using Binding Tag
52.	Create a Bidirectional Binding
53.	Create a Bidirectional Binding with Binding tag
54.	Bind to a Property with Binding tag
55.	Property Binding
56.	Bind to a Property
57.	Using functions that take bindable properties as arguments
58.	Use Bindable Property Chains
59.	Bind to a Function
60.	A single bindable property inside curly braces
61.	Concatenate and manipulate the information inside the curly braces
62.	both source and destination properties must resolve to a bindable property or property chain at compile time
63.	When bindable property changes, the function executes, and the result is written to the destination property

Create Customized Bindable Properties : Data Binding « Data Model « Flex

Related examples in the same category