This might look rather silly, but still had to give in to temptation :). Since I had worked on Swings as well, had to see if I could code a create a popup window with ActionScript. Well, of course you can, but I am rather new to Flex and most of the tutorial, for some unknown reason, choose not to mention this topic. So I decided to give it a shot.
Below is a popup window coded in mxml. Its called ItemSelectDialog.mxml.
This is how you invoke it from another mxml:
And this is how its ActionScript counterpart looks like. Its called ItemSelectionDialog.as.
package com.swayam.flex.exp {
import mx.containers.TitleWindow;
import mx.controls.Label;
import mx.controls.ComboBox;
import mx.controls.Button;
import mx.managers.PopUpManager;
import mx.events.CloseEvent;
import flash.events.IEventDispatcher;
import flash.events.MouseEvent;
public class ItemSelectionDialog extends TitleWindow {
[Bindable]
private var itemsArray:Array = new Array();
private var cbItemList:ComboBox;
public function ItemSelectionDialog() {
initComponents();
showCloseButton=true;
layout="absolute";
width = 500;
height = 300;
addEventListener(CloseEvent.CLOSE, closeWindow);
}
private function initComponents():void {
var lbTitle:Label = new Label();
lbTitle.text = "Item Search";
lbTitle.x = 0;
lbTitle.y = 10;
/*lbTitle.textAlign="center";
lbTitle.fontSize=18;
lbTitle.fontWeight="bold";*/
addChild(lbTitle);
var lbItemName:Label = new Label();
lbItemName.text = "ItemName:";
lbItemName.x = 39;
lbItemName.y = 75;
addChild(lbItemName);
//put some elements in the combo
var count:int = 0;
for (; count < 10; count++) {
var content:Object = new Object();
content["label"] = "Item-" + count;
content["data"] = count;
itemsArray[count] = content;
}
cbItemList = new ComboBox();
cbItemList.x = 140;
cbItemList.y = 75;
cbItemList.dataProvider = itemsArray;
addChild(cbItemList);
var btCancel:Button = new Button();
btCancel.label = "Cancel";
btCancel.x = 103;
btCancel.y = 214;
btCancel.addEventListener(MouseEvent.CLICK, closeOnClick);
addChild(btCancel);
var btAdd:Button = new Button();
btAdd.label = "Add";
btAdd.x = 230;
btAdd.y = 214;
btAdd.addEventListener(MouseEvent.CLICK, addAndClose);
addChild(btAdd);
}
private function closeWindow(event:CloseEvent):void {
close();
}
private function closeOnClick(event:MouseEvent):void {
close();
}
private function addAndClose(event:MouseEvent):void {
if (cbItemList.selectedItem != null) {
close();
}
}
private function close():void {
PopUpManager.removePopUp(this);
}
}
}
You can use it just like its mxml counterpart, just make sure that you import the class.
...
private function showAddItemDialog():void {
// Create a modal TitleWindow container.
var itemWindow:IFlexDisplayObject = PopUpManager.createPopUp(this, ItemSelectionDialog, true);
}
...
This is how it looks like:
