Use ComboBox as the Credit card type data source : ComboBox Data « Components « Flex






Use ComboBox as the Credit card type data source

Use ComboBox as the Credit card type data source
       
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" verticalAlign="middle" horizontalAlign="center">
    <mx:Script>
        
            import mx.controls.Alert;
      
    </mx:Script>
    <mx:Model id="creditcard">
        <card>
            <cardType>{cardTypeCombo.selectedItem.data}</cardType>
            <cardNumber>{creditCardInput.text}</cardNumber>
        </card>
    </mx:Model>
    <mx:Panel title="Data Validation">
        <mx:ComboBox id="cardTypeCombo">
            <mx:dataProvider>
                <mx:Object label="American Express" data="American Express" />
                <mx:Object label="MasterCard" data="MasterCard" />
                <mx:Object label="Visa" data="Visa" />
            </mx:dataProvider>
        </mx:ComboBox>
        <mx:TextInput id="creditCardInput" restrict="1234567890" />
        <mx:Button label="Validate" click="ccv.validate()" />
    </mx:Panel>
    <mx:CreditCardValidator id="ccv"
        cardTypeSource="{creditcard}"
        cardTypeProperty="cardType"
        cardNumberSource="{creditcard}"
        cardNumberProperty="cardNumber"
        cardTypeListener="{cardTypeCombo}"
        cardNumberListener="{creditCardInput}"
        valid="Alert.show('Credit card is valid')" />    
</mx:Application>

   
    
    
    
    
    
    
  








Related examples in the same category

1.Set data for ComboBox with dataProviderSet data for ComboBox with dataProvider
2.ComboBox and ComboBox and <mx:dataProvider>
3.Use an array of strings as ComboBox data sourceUse an array of strings as ComboBox data source
4.Use remote data providers to supply data to your ComboBox controlUse remote data providers to supply data to your ComboBox control
5.Use child tags to set ComboBox data provider to ArrayCollection objectUse child tags to set ComboBox data provider to ArrayCollection object
6.ComboBox's default property is dataProviderComboBox's default property is dataProvider
7.Add data to ComboBox when click the buttonAdd data to ComboBox when click the button
8.Get data length from ComboBox after removing the first itemGet data length from ComboBox after removing the first item
9.Reset data in ComboBoxReset data in ComboBox
10.Feed data from web service to ComboBox
11.dataProvider for ComboBoxdataProvider for ComboBox
12.Define Label and value separately for ComboBox data bindingDefine Label and value separately for ComboBox data binding
13.ComboBox with static string array as its data sourceComboBox with static string array as its data source
14.ComboBox data with Multiple propertiesComboBox data with Multiple properties
15.ComboBox data variablesComboBox data variables
16.data provider can contain objects with multiple fieldsdata provider can contain objects with multiple fields
17.Create ComboBox from ModelCreate ComboBox from Model
18.Assign Array to ComboBox and get the length of the added arrayAssign Array to ComboBox and get the length of the added array
19.String array collection for ComboBoxString array collection for ComboBox
20.Object array for ComboBoxObject array for ComboBox
21.ArrayCollection In ComboBoxArrayCollection In ComboBox