Comment faire un formulaire flex avec un layout absolute
lnp
Messages postés
96
Date d'inscription
samedi 12 mars 2005
Statut
Membre
Dernière intervention
24 octobre 2007
-
24 oct. 2007 à 00:38
riahirim31 - 23 avril 2013 à 16:41
riahirim31 - 23 avril 2013 à 16:41
2 réponses
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
skinClass="TDFGradientBackgroundSkin"
viewSourceURL="srcview/index.html">
<fx:Declarations>
<fx:Model id="checkModel">
<FirstName>{fname.text}</FirstName>
<DOB>{dob.text}</DOB>
{email.text}
{age.text}
<Zip>{zip.text}</Zip>
{phone.text}
</fx:Model>
<mx:StringValidator source="{fname}" property="text" minLength="4" maxLength="12"/>
<mx:PhoneNumberValidator source="{phone}" property="text"/>
<mx:DateValidator source="{dob}" property="text"/>
<mx:EmailValidator source="{email}" property="text"/>
<mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"
minValue="18" maxValue="100" domain="int"/>
<mx:ZipCodeValidator source="{zip}" property="text"/>
</fx:Declarations>
<s:layout>
<s:HorizontalLayout horizontalAlign="center" />
</s:layout>
<s:Panel title="Form Container: Moving from one form field to another triggers the validator" color="0x000000"
borderAlpha="0.15"
width="600">
<s:layout>
<s:VerticalLayout horizontalAlign="center"
paddingLeft="10" paddingRight="10"
paddingTop="10" paddingBottom="10"/>
</s:layout>
<mx:Form width="100%" color="0x323232" paddingTop="0">
<mx:FormHeading fontSize="10" label="Enter values into the form." paddingTop="0" />
<mx:FormItem label="First name">
<s:TextInput id="fname" width="200"/>
</mx:FormItem>
<mx:FormItem label="Date of birth (mm/dd/yyyy)">
<s:TextInput id="dob" width="200"/>
</mx:FormItem>
<mx:FormItem label="E-mail address">
<s:TextInput id="email" width="200"/>
</mx:FormItem>
<mx:FormItem label="Age">
<s:TextInput id="age" width="200"/>
</mx:FormItem>
<mx:FormItem label="Zip">
<s:TextInput id="zip" width="200"/>
</mx:FormItem>
<mx:FormItem label="Phone">
<s:TextInput id="phone" width="200"/>
</mx:FormItem>
</mx:Form>
</s:Panel>
</s:Application>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
skinClass="TDFGradientBackgroundSkin"
viewSourceURL="srcview/index.html">
<fx:Declarations>
<fx:Model id="checkModel">
<FirstName>{fname.text}</FirstName>
<DOB>{dob.text}</DOB>
{email.text}
{age.text}
<Zip>{zip.text}</Zip>
{phone.text}
</fx:Model>
<mx:StringValidator source="{fname}" property="text" minLength="4" maxLength="12"/>
<mx:PhoneNumberValidator source="{phone}" property="text"/>
<mx:DateValidator source="{dob}" property="text"/>
<mx:EmailValidator source="{email}" property="text"/>
<mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"
minValue="18" maxValue="100" domain="int"/>
<mx:ZipCodeValidator source="{zip}" property="text"/>
</fx:Declarations>
<s:layout>
<s:HorizontalLayout horizontalAlign="center" />
</s:layout>
<s:Panel title="Form Container: Moving from one form field to another triggers the validator" color="0x000000"
borderAlpha="0.15"
width="600">
<s:layout>
<s:VerticalLayout horizontalAlign="center"
paddingLeft="10" paddingRight="10"
paddingTop="10" paddingBottom="10"/>
</s:layout>
<mx:Form width="100%" color="0x323232" paddingTop="0">
<mx:FormHeading fontSize="10" label="Enter values into the form." paddingTop="0" />
<mx:FormItem label="First name">
<s:TextInput id="fname" width="200"/>
</mx:FormItem>
<mx:FormItem label="Date of birth (mm/dd/yyyy)">
<s:TextInput id="dob" width="200"/>
</mx:FormItem>
<mx:FormItem label="E-mail address">
<s:TextInput id="email" width="200"/>
</mx:FormItem>
<mx:FormItem label="Age">
<s:TextInput id="age" width="200"/>
</mx:FormItem>
<mx:FormItem label="Zip">
<s:TextInput id="zip" width="200"/>
</mx:FormItem>
<mx:FormItem label="Phone">
<s:TextInput id="phone" width="200"/>
</mx:FormItem>
</mx:Form>
</s:Panel>
</s:Application>
