Advanced Search

Tutorial 1, Het formulier in mxml

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

Expand | Embed | Plain Text

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.