Data Binding Through ActionScript Expressions : Data Binding « Data Model « Flex

Home Flex 1. Chart 2. Components 3. Container 4. Data Model 5. Development 6. Effects 7. Event 8. Graphics 9. Grid 10. Style

Flex » Data Model » Data Binding Screenshots  Data Binding Through ActionScript Expressions              <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" horizontalAlign="center" verticalAlign="middle">     <mx:Model id="contacts">         <contact>             <name>                 <first>{firstNameInput.text}</first>                 <last>{lastNameInput.text}</last>             </name>         </contact>     </mx:Model>     <mx:Panel title="Binding ActionScript Expressions" horizontalAlign="center">         <mx:Form>             <mx:FormItem label="First Name">                 <mx:TextInput id="firstNameInput" />             </mx:FormItem>             <mx:FormItem label="Last Name">                 <mx:TextInput id="lastNameInput" />             </mx:FormItem>             <mx:FormItem label="First Name">                 <mx:Label id="firstName" text="{contacts.name.first}"                     fontSize="15" fontWeight="bold" />             </mx:FormItem>             <mx:FormItem label="Last Name">                 <mx:Label id="lastName" text="{contacts.name.last}"                     fontSize="15" fontWeight="bold" />             </mx:FormItem>         </mx:Form>     </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 Using the Tag in MXML Syntax 23. Use custom function during data binding 24. Use data binding to make your chart reflect data changes in real time. 25. Value With Data Binding 26. Value Trigger With Data Binding On Model 27. Value Trigger With Data Binding for Complex Model 28. Set the enabled property by using data binding 29. Using Timer to fire data binding event 30. MXML binding 31. Binding control property to a property of another control 32. More Uses for Curly Braces 33. Using more than one set of curly braces 34. declare bindings outside of component tags 35. databinding syntax escaped 36. Binding With Curly Braces 37. Use tag as an alternative to the curly braces syntax 38. Binding a source property to more than one destination property 39. Defining bidirectional bindings 40. Bind with Binding tag 41. Wrap the whole string with {} during Binding 42. tags in the following example are valid and equivalent to each other 43. Converting text to upper with Binding 44. Use a static constant as the source for a data-binding expression 45. Create a String variable for binding 46. Multiple Destinations binding 47. Using multiple tags 48. Multilevel Bindings 49. Simple Binding Test 50. Using Binding Tag 51. Create a Bidirectional Binding 52. Create a Bidirectional Binding with Binding tag 53. Bind to a Property with Binding tag 54. Property Binding 55. Bind to a Property 56. Using functions that take bindable properties as arguments 57. Use Bindable Property Chains 58. Bind to a Function 59. Create Customized Bindable Properties 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