Load/Unload Component from Main Application

Question

I want to load in my main application 2 components. At this moment I load them with this:
<components:loadProject id="loadPrj" visible="false" click="loadPrj_clickHandler(event)" verticalCenter="7" horizontalCenter="0"/>
and I only set visible to true. Inside this component there is a canvas.
But, is there any other way to do this using an AS class file? I would like to load/unload it on click, not only set true/false to visible.

Answer 1

For dynamic creation and destruction of objects, you want to use ActionScript.
So in your main app file, you might have a button that triggers a click handler that does this:
private function myClickHandler()void {
                var b1:CustomComponent = new CustomComponent();
                var b2:CustomComponent = new CustomComponent();
                /// Be sure to add them to the display list if they are visual components
                myPanel.addElement(b1);
                myPanel.addElement(b1);