Search Flex Components Free

Custom Search

December 27, 2007

Popup in Flex

CanvasPopup.mxml

<?xml version=”1.0″ encoding=”utf-8″?>
<!– We are creating a TitleWindow so that it would be draggable–>
<mx:TitleWindow xmlns:mx=”
http://www.adobe.com/2006/mxml ” width=”252″ height=”200″>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
public function closeThis():void
{
PopUpManager.removePopUp(this);
}
]]>
</mx:Script>
<mx:Button x=”500″ y=”150″ label=”Close” click=”closeThis()”/>
</mx:TitleWindow>

popup.mxml

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”
http://www.adobe.com/2006/mxml ” width=”100%” height=”100%”>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
public function showPopUp():void
{
var pop2:CanvasPopup = CanvasPopup(PopUpManager.createPopUp(this,CanvasPopup,true));
PopUpManager.centerPopUp(pop2);
}
]]>
</mx:Script>
<mx:Canvas>
<mx:Button x=”313″ y=”229″ label=”Show Popup” click=”showPopUp()”/>
</mx:Canvas>
</mx:Application>

Through Actionscript

CanvasPopup.mxml

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:TitleWindow xmlns:mx=”
http://www.adobe.com/2006/mxml ” width=”252″ height=”200″ initialize=”init()”>
<mx:Script>
<![CDATA[
import mx.controls.Button;
import mx.controls.Alert;
import mx.managers.PopUpManager;
import flash.events.MouseEvent;
private function closeThis(e:MouseEvent):void
{
PopUpManager.removePopUp(this);
}
private function init():void{
var btn:Button = new Button()
btn.move(500,150);
btn.label=”Close”;
btn.addEventListener(MouseEvent.CLICK,closeThis);
addChild(btn);
}
]]>
</mx:Script>
</mx:TitleWindow>

popup.mxml

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”
http://www.adobe.com/2006/mxml ” width=”100%” height=”100%” initialize=”init()”>
<mx:Script>
<![CDATA[
import mx.controls.Button;
import mx.managers.PopUpManager;
import flash.events.MouseEvent;
private function showPopUp(e:MouseEvent):void
{
var pop2:CanvasPopup = CanvasPopup(PopUpManager.createPopUp(this,CanvasPopup,true));
PopUpManager.centerPopUp(pop2);
}
private function init():void{
var btn:Button=new Button()
btn.move(313,229);
btn.label=”Show Popup”;
btn.addEventListener(MouseEvent.CLICK, showPopUp);
addChild(btn);
}
]]>
</mx:Script>
</mx:Application>


Related Flex Tutorials