Tutorial 1, Het formulier in mxml


/ Published in: ActionScript 3
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <!-- formulier -->
  2. <mx:Panel x="10" y="10" width="340" height="254" layout="absolute" id="panReg" title="Registreer">
  3. <mx:Form x="0" y="0" width="310" height="168">
  4. <mx:FormItem label="Gebruikersnaam:" >
  5. <mx:TextInput id="iGebruikersnaam" />
  6. </mx:FormItem>
  7. <mx:FormItem label="Wachtwoord:" >
  8. <mx:TextInput id="iWachtwoord" displayAsPassword="true"/>
  9. </mx:FormItem>
  10.  
  11. <mx:FormItem label="Voornaam:" >
  12. <mx:TextInput id="iVoornaam" />
  13. </mx:FormItem>
  14. <mx:FormItem label="Achternaam:" >
  15. <mx:TextInput id="iAchternaam" />
  16. </mx:FormItem>
  17. <mx:FormItem label="Emailadres:" >
  18. <mx:TextInput id="iEmailadres" />
  19. </mx:FormItem>
  20. </mx:Form>
  21. <mx:ControlBar>
  22. <mx:Spacer width="113"/>
  23. <mx:Button label="Velden legen" click="leegVelden()"/>
  24. <mx:Button label="Aanmelden" click="voegGebruikerToe( iGebruikersnaam.text, iVoornaam.text, iAchternaam.text, iEmailadres.text, iWachtwoord.text )"/>
  25. </mx:ControlBar>
  26. </mx:Panel>
  27.  
  28. <!-- Datagrid om gebruikers weer te geven -->
  29. <mx:DataGrid x="10" y="283"
  30. width="340" height="299"
  31. id="dgGebruikers">
  32. <mx:columns>
  33. <mx:DataGridColumn headerText="Gebruikersnaam" dataField="Gebruikersnaam"/>
  34. <mx:DataGridColumn headerText="Voornaam" dataField="Voornaam"/>
  35. <mx:DataGridColumn headerText="Achternaam" dataField="Achternaam"/>
  36. <mx:DataGridColumn headerText="Emailadres" dataField="Emailadres"/>
  37. </mx:columns>
  38. </mx:DataGrid>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.