Xml – Flex MSML components

apache-flexmxml

I want to load a MSML component from another MSML component in Flex. To be more specific, I have a Login MSML component that loads from my main Application file and a Overview MSML component. When a user clicks on some button from that Login component it should redirect to the load Overview MSML component in place of Login component.

Best Answer

I'd use viewstack

<mx:ViewStack width="100%" height="100%" id="viewstack">
  <local:LoginControl/>
  <local:OverviewControl/>
</mx:ViewStack>

This will show login page by default. Set viewstack.selectedIndex = 1; in the click handler of the button to hide login control and display overview.

Related Solutions

Click-outside event on custom components in flex

You can use the FlexMouseEvent.MOUSE_DOWN_OUTSIDE event. For example:

myPopup.addEventListener(
   FlexMouseEvent.MOUSE_DOWN_OUTSIDE,
   function(mouseEvt:FlexMouseEvent):void
   {
       PopUpManager.removePopUp(myPopup);
   }
);

R – Binding custom components values

Below is one way that you can listen to the change of TileList.selectedItem. I would recommend against putting this in a global variable, although if you must you could use a pattern like ModelLocator to do so.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical">

    <mx:Script>
        <![CDATA[

            [Bindable] public var selectedItem:Object;

        ]]>
    </mx:Script>

    <mx:Binding source="listTile.selectedItem" destination="selectedItem"/> 

    <mx:Label text="{ selectedItem }"/>

    <mx:TileList
        id="listTile"
        width="400"
        height="300"
        dataProvider="{ ['A','B','C'] }"/>

</mx:Application>

Best Answer

Related Solutions

Click-outside event on custom components in flex

R – Binding custom components values

Related Topic