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 dataProvider
2.	ComboBox and
3.	Use an array of strings as ComboBox data source
4.	Use remote data providers to supply data to your ComboBox control
5.	Use child tags to set ComboBox data provider to ArrayCollection object
6.	ComboBox's default property is dataProvider
7.	Add data to ComboBox when click the button
8.	Get data length from ComboBox after removing the first item
9.	Reset data in ComboBox
10.	Feed data from web service to ComboBox
11.	dataProvider for ComboBox
12.	Define Label and value separately for ComboBox data binding
13.	ComboBox with static string array as its data source
14.	ComboBox data with Multiple properties
15.	ComboBox data variables
16.	data provider can contain objects with multiple fields
17.	Create ComboBox from Model
18.	Assign Array to ComboBox and get the length of the added array
19.	String array collection for ComboBox
20.	Object array for ComboBox
21.	ArrayCollection In ComboBox

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

Related examples in the same category