Dynamically call components

private function _servicePopUp(e:Event):void {
	//Pop up window for individual services. Component name must match service symbol name in DB
	var popUpName:ArrayCollection = new ArrayCollection( ArrayUtil.toArray( selectedUser.services ) );
	var managePopUp:String = "com." + popUpName.getItemAt(e.currentTarget.repeaterIndex).serviceSymbol;
 
    var zzzTest:Test = new Test;
	var serviceWindow:Class = 
		this[getDefinitionByName(managePopUp)](PopUpManager.createPopUp(this, 
			this[getDefinitionByName(managePopUp)], true));
    		
    serviceWindow.bindGate = bindGate;
    var user:UserVO = UserVO(selectedUser);
    serviceWindow.user = user;
    //PopUpManager.centerPopUp(serviceWindow); 
}

Select allOpen in new window

managePopUp = "Test";
    			var zzzTest:Test = new Test;
        		var serviceWindow:Class = 
                	this[getDefinitionByName(managePopUp)](PopUpManager.createPopUp(this, 
                        this[getDefinitionByName(managePopUp)], true));

Select allOpen in new window

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" width="236" height="170">
	<mx:CheckBox x="187" y="96" label="Checkbox"/>
</mx:TitleWindow>

Select allOpen in new window

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  xmlns:ns1="*" creationComplete="init()">
	<mx:Script>
		<![CDATA[
			import mx.managers.PopUpManager;
			private var t:TestComp;
			
			private function init():void{
				var ClassName:String = 'TestComp';
				var dynObject:Class = getDefinitionByName(ClassName) as Class;
				var popUp:Object = dynObject(PopUpManager.createPopUp(this, dynObject, true));
			}
		]]>
	</mx:Script>
	
</mx:Application>

Select allOpen in new window

private var tt:Test;
...
...
...
 
var ClassName:String = 'Test';
                var dynObject:Class = getDefinitionByName(ClassName) as Class;
                var popUp:Object = dynObject(PopUpManager.createPopUp(this, dynObject, true));

Select allOpen in new window

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" creationComplete="init()">
	<mx:Script>
		<![CDATA[
			import mx.utils.ObjectProxy;
			import mx.events.DataGridEvent;
			import mx.controls.Button;
			import mx.rpc.remoting.mxml.RemoteObject;
			import mx.rpc.events.ResultEvent;
            		import mx.rpc.events.FaultEvent;
			import mx.managers.PopUpManager;
			import mx.controls.Alert;
			import mx.utils.ArrayUtil;
			import mx.collections.ArrayCollection;
			import com.Test;
			
			[Bindable] private var selectedUser:UserVO;			
			
			[ArrayElementType("com.vo.UserVO")]			
			[Bindable] public var userList:ArrayCollection;
			
			
			[Bindable] public var oneUser:Object;
			[Bindable] public var gateway:String;
			protected var bindGate:Object;
			public var params:Object = {};
			private var tt:Test;
			
			
			[Bindable] public var conn:RemoteObject;
			
			private function init():void
			{
				activeUsers.label = "All Users";
			}
            
            		public function remoteConnect(gateway:String):void
			{
				conn = new RemoteObject;
				conn.source = "UserAcctService";
				conn.destination = "amfphp";
				conn.endpoint = gateway;
				conn.getUsers.showBusyCursor = true;
                conn.getUsers.addEventListener("result", getUsersResultHandler);
                conn.addEventListener("fault", _faultHandler);
                bindGate = conn;
                conn.getUsers();
            }
 
            public function getUsersResultHandler(event:ResultEvent):void {
                userList= new ArrayCollection(event.result as Array);
            }
            
            private function _getOneResult(event:ResultEvent):void {              
                selectedUser.services = event.result.services as Array;
            }
 
            private function _faultHandler (event:FaultEvent):void {
                Alert.show(event.fault.faultString, 'Error');
            }
 
			private function updateUser():void			
			{				
				var update:UserVO 		= new UserVO();
	 				update.id 			= selectedUser.id;
					update.firstName 	= txt_fname.text;
					update.lastName 	= txt_lname.text;
					update.email		= txt_email.text; 
					update.userActive 	= userActive.selected;
					update.userAdmin 	= userAdmin.selected;
				
					for(var i:String in selectedUser.services)
					{
						var services:ServiceVO 	= new ServiceVO();
						services.serviceID		= selectedUser.services[i].serviceID;
						services.serviceName	= selectedUser.services[i].serviceName;
						services.mappedName 	= userMappedName[i].text;
						services.mappedActive 	= serviceMappedActive[i].selected;
						update.services[i] 		= services;
					}
					 
				conn.saveUser.addEventListener("result", _getOneResult);
				conn.saveUser.addEventListener("fault", _faultHandler);
				conn.saveUser.showBusyCursor = true;
	            conn.saveUser(update);
			}
	
 
			private function _selectHandler( event:Event ):void
			{
				selectedUser = event.target.selectedItem as UserVO;
				if ( selectedUser != null )
				{
					conn.getOne.addEventListener("result", _getOneResult);
					conn.getOne.addEventListener("fault", _faultHandler);
                	conn.getOne(selectedUser.id);
				}
			}
 
			private function _newUser():void {
                var userWindow:NewUser = 
                    	NewUser(PopUpManager.createPopUp(this, NewUser, true));
                PopUpManager.centerPopUp(userWindow); 
                userWindow.bindGate = bindGate;
            }
            
            private function _servicePopUp(e:Event):void {
            	//Pop up window for individual services. Component name must match service symbol name in DB
            	
            	var popUpName:ArrayCollection = new ArrayCollection( ArrayUtil.toArray( selectedUser.services ) );
            	var managePopUp:String = popUpName.getItemAt(e.currentTarget.repeaterIndex).serviceSymbol;
 				
 				var ClassName:String = 'Test';
                var dynObject:Class = getDefinitionByName(ClassName) as Class;
                var popUp:Object = dynObject(PopUpManager.createPopUp(this, dynObject, true));
                		
                popUp.bindGate = bindGate;
                var user:UserVO = UserVO(selectedUser);
                popUp.user = user;
                //PopUpManager.centerPopUp(serviceWindow); 
            }
            
            private function _resetPassword():void {
            	var resetWindow:ResetPassword = 
               		ResetPassword(PopUpManager.createPopUp(this, ResetPassword, true));
                PopUpManager.centerPopUp(resetWindow); 
                resetWindow.loginName = selectedUser.userName;  
                resetWindow.bindGate = bindGate;     
            }
            
            private function _activeUsersChange(toggle:Boolean):void {
            	if(activeUsers.selected == true)
            	{
            		activeUsers.label = "Active Users";
            	}
            	else
            	{
            		activeUsers.label = "All Users";
            	}
            	conn.toggleUsers.addEventListener("result", getUsersResultHandler);
				conn.toggleUsers.addEventListener("fault", _faultHandler);
            	conn.toggleUsers(toggle);
            }
		]]>
	</mx:Script>
		<mx:HDividedBox width="100%" height="100%" label="Users">			
			<mx:Panel title="User Details"
				width="75%"
				height="75%"
				layout="vertical" cornerRadius="10">
									
				<mx:Form width="100%" height="100%" cornerRadius="10">
					<mx:FormHeading label=""/>
					
					<mx:FormItem label="User Name:" width="100%" direction="horizontal">
						<mx:Label text="{selectedUser.userName}"/>
					</mx:FormItem>
										
					<mx:FormItem label="" direction="horizontal">
						<mx:Label text="User Active:"/>
						<mx:CheckBox id="userActive" data="{selectedUser.userActive}"/>
						<mx:Label text="User Admin:"/>
						<mx:CheckBox id="userAdmin" data="{selectedUser.userAdmin}"/>
					</mx:FormItem>
						
					<mx:FormItem label="First Name:" width="75%" required="true">
						<mx:TextInput id="txt_fname"
							text="{ selectedUser.firstName }" width="75%"/>
					</mx:FormItem>
						
					<mx:FormItem label="Last Name:" width="75%" required="true">
						<mx:TextInput id="txt_lname"
							text="{ selectedUser.lastName }" width="75%"/>
					</mx:FormItem>
					
					<mx:FormItem label="Rank:" width="75%" required="true">
						<mx:TextInput id="txt_rank"
							text="{ selectedUser.userRank }" width="75%"/>
					</mx:FormItem>
						
					<mx:FormItem label="Email:" width="75%" required="true">
						<mx:TextInput id="txt_email"
							text="{ selectedUser.email }" width="75%"/>
					</mx:FormItem>
						
					<mx:FormItem label="Created At:" width="75%" required="false">
						<mx:Text id="txt_createdAt"
								text="{ selectedUser.createdAt }" width="75%"/>
					</mx:FormItem>
						
					<mx:FormItem label="Updated At:" width="75%" required="false">
						<mx:Text id="txt_updatedAt"
								text="{ selectedUser.updatedAt }" width="75%"/>
					</mx:FormItem>
					</mx:Form>
					<mx:Form>
					<mx:HRule width="391"/>
					
					<mx:FormItem direction="horizontal">
						<mx:Label width="150" text="Service Name" fontWeight="bold"/>
						<mx:Label width="150" text="Provider Specific Login" fontWeight="bold"/>
						<mx:Label width="175" text="Active" fontWeight="bold"/>
					</mx:FormItem>
					
					<mx:Repeater id="sp" dataProvider="{selectedUser.services}">					  
						<mx:FormItem direction="horizontal">
							<mx:Label width="150" click="_servicePopUp(event)" text="{sp.currentItem.serviceName}:" 
								textDecoration="underline" useHandCursor="true"/>							
							<mx:TextInput width="150" id="userMappedName" text="{ sp.currentItem.mappedName }"/>
							<mx:CheckBox width="175" id="serviceMappedActive" selected="{sp.currentItem.mappedActive}"/>
						</mx:FormItem>
		        	</mx:Repeater>
						
					<mx:FormItem label="" direction="horizontal" width="100%">
						<mx:Button label="Save"	click="updateUser()"/>
					</mx:FormItem>		
				</mx:Form>				
			</mx:Panel>
			
			<mx:Panel title="Users"
				width="75%"
				height="75%"
				layout="vertical" alpha="1.0">			
				<mx:DataGrid id="dg_users"
					width="100%"
					height="100%"
					change="_selectHandler( event )"
					dataProvider="{ userList }">			
					<mx:columns>
						<mx:DataGridColumn headerText="ID" dataField="id" width="50"/>
						<mx:DataGridColumn headerText="User Name" dataField="userName"/>
						<mx:DataGridColumn headerText="Last Name" dataField="lastName"/>
						<mx:DataGridColumn headerText="First Name" dataField="firstName"/>						
						<mx:DataGridColumn headerText="Email" dataField="email"/>
					</mx:columns>
				</mx:DataGrid>
				<mx:FormItem label="" direction="horizontal" width="100%">
					<mx:Button label="Refresh" click="conn.getUsers()"/>
					<mx:Button label="New User"	click="_newUser()"/>
					<mx:Button label="Reset Password" click="_resetPassword()"/>
					<mx:Button id="activeUsers"
            			label="{activeUsers.label}"
            			toggle="true"
            			click="_activeUsersChange(activeUsers.selected)"/>
				</mx:FormItem>
			</mx:Panel>
		</mx:HDividedBox>
	
</mx:VBox>

Select allOpen in new window