The custom event

package events
{
    import flash.events.Event;
   
    public class ComboEvent extends Event
    {
        public static const COMBO_CLOSED:String = "combo_closed";
        public var picked:Object;
       
        public function ComboEvent(type:String, picked:Object)
        {
            super(type);
            this.picked = picked;
        }
    }
}

The pop up

<?xml version="1.0" encoding="utf-8"?>
<s:SkinnablePopUpContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
                           xmlns:s="library://ns.adobe.com/flex/spark"
                           width="300" height="500"
                           creationComplete="skinnablepopupcontainer1_creationCompleteHandler(ev ent)">
    <fx:Script>
        <![CDATA[
            import events.ComboEvent;
           
            import mx.collections.ArrayList;
            import mx.events.FlexEvent;
            import mx.managers.PopUpManager;
            import spark.events.IndexChangeEvent;
           
            [Bindable]
            public var dp:ArrayList;
           
            protected function skinnablepopupcontainer1_creationCompleteHandler(event:FlexEvent):voi d
            {
                PopUpManager.centerPopUp(this);
            }
           
            protected function list_changeHandler(event:IndexChangeEvent):void
            {
                dispatchEvent(new ComboEvent(ComboEvent.COMBO_CLOSED,list.selectedItem));
                    this.close();
            }
           
           
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
   
    <s:List id="list" width="100%" height="100%" dataProvider="{dp}" change="list_changeHandler(event)"/>
   
</s:SkinnablePopUpContainer>

The view

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView" xmlns:components="components.*">
   
   
    <fx:Script>
        <![CDATA[
            import events.ComboEvent;
           
            import mx.collections.ArrayList;
            import mx.events.FlexEvent;
           
            protected var dp:ArrayList;
           
           
            protected function combobox1_creationCompleteHandler(event:FlexEvent):void
            {
               
            }
           
            protected function comboInput_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                dp = new ArrayList(new Array(1,2,3,4,5));
                comboPopUp.dp = dp;
                comboPopUp.addEventListener(ComboEvent.COMBO_CLOSED,comboHandler);
                comboPopUp.open(this,true);
            }
           
            protected function comboHandler(event:ComboEvent):void
            {
                comboInput.text = event.picked.toString();
            }
           
        ]]>
    </fx:Script>
   
   
   
    <fx:Declarations>
        <components:ComboPopUp id="comboPopUp"/>
    </fx:Declarations>
   
   
    <s:TextInput id="comboInput" click="comboInput_clickHandler(event)"/>
       
   
</s:View>