actionscript-3 - 子にディスパッチ イベントがあり、親にリスナーがある単純なフレックス ポップアップが機能しない

Question

Parent.mxml このファイルは、ボタンがクリックされたときに以下の popup クラスを呼び出しています。

    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.managers.PopUpManager;

            var popup:pop = null ;
            protected function clickHandler(event:MouseEvent):void
            {               
                popup = PopUpManager.createPopUp(this,pop,true) as pop;
                popup.ok.addEventListener(MouseEvent.CLICK, captureComments);
                popup.close();
            }

            var str:String="";
            private function captureComments():void{
                Alert.show("Invoked Event Listener", "Alert");
                str=popup.comments;
            }
        ]]>
    </fx:Script>
    <mx:Button id="id1" label="Click" click="clickHandler(event)"/>
    <s:Label id="lbl" height="18" width="282"  text={str} />
</s:Application>

子.mxml

このファイルはポップアップ参照であり、ポップアップを作成します。閉じるアクションとキャンセル ボタンが必要に応じて機能するように構成しましたが、コメントに入力されたテキストを親に戻すことができません。

    <?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow  xmlns:fx="http://ns.adobe.com/mxml/2009" 
                 xmlns:s="library://ns.adobe.com/flex/spark" 
                 xmlns:mx="library://ns.adobe.com/flex/mx"
                 layout="vertical" width="524" height="322"
                 showCloseButton="true"
                 close="close()"  chromeColor="#CCCCCC" 
                 horizontalAlign="center" verticalAlign="middle" color="#000000">

    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.managers.PopUpManager;
            import mx.rpc.events.ResultEvent;


            [Bindable]public var comments:String;

            public function close(): void{
                PopUpManager.removePopUp(this);
            }

            private function save(): void{
                if(comments == null){
                    comments = "";
                }
                dispatchEvent(new ResultEvent(comments));
            }
        ]]>
    </fx:Script>
    <mx:HBox width="100%" height="70%">
        <mx:VBox width="100%" height="100%">
            <mx:TextArea id="comment" text="{comments}" width="100%" height="80%" change="comments = event.target.text">

            </mx:TextArea>
            <mx:HBox horizontalAlign="center" width="100%" height="20%">
                <s:Button id="ok" label="OK" chromeColor="#CCCCCC" click="save()" fontWeight="bold"/>
                <s:Button id="cancel" label="Cancel" chromeColor="#CCCCCC" click="close()" fontWeight="bold"/>
            </mx:HBox>
        </mx:VBox>
    </mx:HBox>

</mx:TitleWindow>