Flex 学习之路之十九 panel面板对话框传值

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\myComponents\MyAlertPopUpReturn.mxml -->
<s:SkinnablePopUpContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
						   xmlns:s="library://ns.adobe.com/flex/spark"
						   xmlns:mx="library://ns.adobe.com/flex/mx">
	<fx:Script>
		<![CDATA[
			import spark.events.IndexChangeEvent;
			// Event handler for the change event of the List control.
			protected function list1_changeHandler(event:IndexChangeEvent):void {
				// Close the SkinnablePopUpContainer.
				// Set the commit argument to true to indicate that the
				// data argument contians a vaild value.
				close(true, list1.selectedItem);
			}
		]]>
	</fx:Script>
	<s:Panel title="My Alert Panel">
		<s:VGroup width="100%" horizontalAlign="center"
				  paddingTop="20" gap="20">
			<s:List id="list1" width="100%" height="100%"
					change="list1_changeHandler(event);">
				<s:layout>
					<s:VerticalLayout/>
				</s:layout>
				<s:dataProvider>
					<s:ArrayCollection source="{['Add', 'Delete', 'Post', 'Bookmark']}"/>
				</s:dataProvider>
			</s:List>
			<s:Button label="Cancel" click="close();"/>
		</s:VGroup>
	</s:Panel>
</s:SkinnablePopUpContainer>

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkSkinnablePopUpContainerReturn.mxml -->
<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">
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			// Import the MyAlertPopUp class.
			//import containers.spark.myComponents.MyAlertPopUpReturn;
			import spark.events.PopUpEvent;
			// Create and open the SkinnablePopUpContainer.
			protected function button1_clickHandler(event:MouseEvent):void {
				// Create an instance of MyAlertPopUp.
				var alertDB:MyAlertPopUpReturn = new MyAlertPopUpReturn();
				// Add an event handler for the close event to check for
				// any returned data.
				alertDB.addEventListener('close', alertDB_closeHandler);
				alertDB.open(this, true);
			}
			// Handle the close event from the SkinnablePopUpContainer.
			protected function alertDB_closeHandler(event:PopUpEvent):void {
				// If commit is false, do data is returned.
				if (!event.commit)
					return;
				// Write the returned String to the TextArea control.
				myTA.text = event.data as String;
			}
		]]>
	</fx:Script>
	<s:Button label="Open Alert" click="button1_clickHandler(event);"/>
	<s:TextArea id="myTA"/>
</s:Application>