Format List with labelFunction property

           


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >

    <mx:Script>
        
        
            private function formatData(item:Object):String 
            {
                return dateF.format(item.data);
            }
            
            private function changeData(obj:Object):void
            {
                dateTxt.text =  dateF.format(obj.data);
            }
      
    </mx:Script>

    <mx:ArrayCollection id="myAC">
        
            <mx:Object label="{new Date(2010,1,1)}" data="{new Date(2010,1,1)}"/>
            <mx:Object label="{new Date(2010,1,2)}" data="{new Date(2010,1,2)}"/>
            <mx:Object label="{new Date(2010,1,3)}" data="{new Date(2010,1,3)}"/>
        
    </mx:ArrayCollection>       
    
    <mx:DateFormatter id="dateF" formatString="EEE, DD/MMM/YYYY" />

    <mx:TextInput id="dateTxt" editable="false"  />

    <mx:ComboBox id="myCombo" dataProvider="{myAC}"
        labelFunction="formatData"
        change="changeData(myCombo.selectedItem)" />
    
</mx:Application>

Related examples in the same category

1.	Using labelField to tell List which column to present
2.	Combine label and data for List item
3.	Using a label function with one-column List-based components
4.	Using a label function to support a single-column List component
5.	Get selected item label from a list
6.	Drag and drop label value to a List
7.	Set label field for data source of List control
8.	Using a function to combine the values of the label and data fields for each item for display in the List control
9.	Use a label function to concatenate the firstName and lastName fields of each data item for display by the control

Format List with labelFunction property : List Label « Components « Flex

Related examples in the same category