How can I call a public function in one component from another component?

Question

I have two components: Form and Confirmation.  Form is a Canvas and Confirmation is a TitleWindow.
Form contains several controls and a submit button.  Confirmation contains an OK button.  When the user clicks the submit button, the Confirmation appears over the Form (Form is blurred).  When the user clicks the OK button on the Confirmation, I want to run a function on Form to set some default values in the controls.
How can I address the function in the Form component from the Confirmation component so I can fire the function?
Thanks!

Answer 1

Here is the source
CustomForm.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
<mx:Script>
<![CDATA[
public function callBack(): void {
lblStatus.text = "Success";
]]>
</mx:Script>
<mx:Label id="lblStatus"/>
<mx:Form x="50" y="50" verticalGap="15">
        <mx:FormHeading label="Send us comments" />
        <mx:FormItem label="Full Name:">
            <mx:TextInput id="fullName" />
        </mx:FormItem>
        <mx:FormItem label="Email:">
            <mx:TextInput id="email" />
        </mx:FormItem>
        <mx:FormItem label="Comments:">
            <mx:TextArea id="comments" />
        </mx:FormItem>
        <mx:FormItem>
            <mx:Button id="submit"
                label="Submit" />
        </mx:FormItem>
     </mx:Form>
</mx:Canvas>
CustomTitle.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" width="200" height="80"
showCloseButton="true" close="closeMe(event)"
backgroundAlpha="1"
color="#173553" backgroundColor="#EEEEEE"
headerColors="#FFFFFF, #CBCCCC"
borderColor="#666666" borderStyle="solid">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
public var callBack: Function = new Function();
private function closeMe(event: Event): void {
PopUpManager.removePopUp(this);
callBack();
]]>
</mx:Script>
<mx:HBox width="100%" height="100%" horizontalAlign="center" verticalAlign="bottom">
<mx:Button id="btnOK" label="OK" click="closeMe(event)" />
</mx:HBox>
</mx:TitleWindow>
TitleWindowSample.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns="*"
layout="absolute"
width="100%" height="100%"
creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
private function init(): void {
customForm.submit.addEventListener(MouseEvent.CLICK, onMouseClick);
private function onMouseClick(event: MouseEvent): void {
customForm.lblStatus.text = "";
var customTitle: CustomTitle = new CustomTitle();
customTitle.callBack = customForm.callBack;
PopUpManager.addPopUp(customTitle, this);
PopUpManager.centerPopUp(customTitle);
]]>
</mx:Script>
<mx:VBox
width="100%" height="100%"
verticalAlign="middle" horizontalAlign="center">
<CustomForm id="customForm" width="500" height="300">
</CustomForm>
</mx:VBox>
</mx:Application>