Criando um ComboBox contendo nomes de categorias e seus códigos

<?xml version="1.0" encoding="iso-8859-1"?>

<!--
  Este exemplo mostra como criar um ComboBox
  contendo nomes de categorias e seus códigos. 
-->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

  <mx:Panel id="painel" title="Estudos" status="Active" 
     height="300" width="200" paddingTop="10" 
     paddingLeft="10" paddingRight="10" 
     paddingBottom="10">

    <mx:ComboBox id="comboNomes" 
       dataProvider="{categorias}" width="150"/>
    <mx:Button label="Obter Item Selecionado" 
       click="obterItemSelecionado();"/>

  </mx:Panel>

  <mx:Script>
    <![CDATA[
      import mx.collections.ArrayCollection;
      import mx.controls.Alert;      

      [Bindable]
      public var categorias:ArrayCollection = 
        new ArrayCollection([
          {label:"Calçados", data:10}, 
          {label:"CDs", data:15}, 
          {label:"Celulares", data:20},
          {label:"TVs", data:25}]);

      private function obterItemSelecionado():void{
        var item:Object = comboNomes.selectedItem;
        var res:String = "Valor selecionado:\n\n";          

        res += "Nome da categoria: " + item.label + "\n";
        res += "Código da categoria: " + item.data; 

        Alert.show(res);   
      }
    ]]>
  </mx:Script>  

</mx:Application>