Bind form input control to Model : Form « Components « 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 » Components » Form Screenshots  Bind form input control to Model             <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">   <mx:Model id="userData">     <userData>       <username></username>     </userData>   </mx:Model>   <mx:Form>     <mx:FormHeading label="Sample Form"/>     <mx:FormItem id="usernameItem" label="Name">       <mx:TextInput id="username"/>     </mx:FormItem>     <mx:FormItem>       <mx:Button id="button" label="Submit" />     </mx:FormItem>   </mx:Form>   <mx:Binding source="username.text" destination="userData.username" />   <mx:Validator id="validator" source="{userData}"  property="username" /> </mx:Application>                                                          Related examples in the same category 1. Making use of form-related containers 2. Form Radio button group 3. Login form and get password back form 4. Add submitForm() and debugMessage() functions as click event handlers 5. Register the submitForm() and debugMessage() handler functions with b1's click event 6. Clear form fields 7. Form item label 8. Empty form tag 9. FormHeading control 10. A form for first name, last name, address, city, zip code and country 11. Form Text required field 12. submit function can access the form control data directly 13. Populating a Form control from a data model 14. Switch form with Transition 15. Form control bar 16. Form field with Label 17. Add the submitForm() and debugMessage() functions as handlers of the click event: 18. Register the submitForm() and debugMessage() handler functions 19. Add form header to a form 20. Form label with icon 21. One form two FormHeadings 22. Model data and form controls 23. Password form field 24. Contact Editor Form 25. Travel form 26. Form with ControlBar 27. Form Multiple Headings 28. Adding border to Form 29. defines the FormHeading control 30. Using Form controls to hold your form data 31. The submit function can access the form control data directly, 32. Form Data Model Value 33. A form that reads static data from a data model to obtain the value for a form field 34. Adding a load event and a fault event to the form. 35. Select a value for the formatString property from the drop-down list 36. Show individual times for the initialization and creation of each form element. 37. Register a single listener function, submitForm(), with two different buttons 38. Form Button 39. Form default button 40. The form and the buttons overlap as the application grows smaller, for example. 41. Form with Button 42. Login Example 43. Checking the box could make the user e-mail field required