flex3 deep link

<mx:application historymanagementenabled="false" xmlns:mx="http://www.adobe.com/2006/mxml" creationcomplete="initApp()"><mx:application historymanagementenabled="false" xmlns:mx="http://www.adobe.com/2006/mxml" creationcomplete="initApp()">

<mx:script>
<!---->    import mx.events.BrowserChangeEvent;
    import mx.managers.IBrowserManager;
    import mx.managers.BrowserManager;
    import mx.utils.URLUtil;

    public var browserManager:IBrowserManager;
      
    private function initApp():void
    {
         browserManager = BrowserManager.getInstance();
browserManager.addEventListener(BrowserChangeEvent.BROWSER_URL_CHANGE, parseURL);
browserManager.init("", "Shipping");
    }
    private var parsing:Boolean = false;
    private function parseURL(event:Event):void
    {
        parsing = true;

        var o:Object = URLUtil.stringToObject(browserManager.fragment);
        if (o.view == undefined)
            o.view = 0;
        tn.selectedIndex = o.view;
        browserManager.setTitle((tn.selectedIndex == 0) ? "Shipping" : "Receiving");
        tn.validateNow();

        var details:Boolean = o.details == true;
        if (tn.selectedIndex == 0)
            shipDetails.selected = details;
        else
            recvDetails.selected = details;

        parsing = false;
    }

    private function updateURL():void
    {
        if (!parsing)
            callLater(actuallyUpdateURL);
    }

    private function actuallyUpdateURL():void
    {
        var o:Object = {};
        var t:String = "";

        if (tn.selectedIndex == 1)
        {
            t = "Receiving";
            o.view = tn.selectedIndex;
            if (recvDetails.selected)
                o.details = true;
        }
        else
        {
            t = "Shipping";
            o.view = tn.selectedIndex;
            if (shipDetails.selected)
                o.details = true;
}
         var s:String = URLUtil.objectToString(o);
         browserManager.setFragment(s);
         browserManager.setTitle(t);
    }

]]>
</mx:script>

The key pieces are:

 

 

1. historyManagementEnabled="false" in the Application tag
2. the BrowserManager.init() call in initApp() call that initializes the BrowserManager to a default fragment. "" means "nothing after the '#'".
3. the three places where change="updateURL()" will update the URL based on changes to the TabNavigator or CheckBoxes.
4. the BrowserManager.addEventListener() call in initApp() that listens for changes from the Browser
5. the code in parseURL() that interprets the new fragment

This example uses URLUtils to take an object of property/value pairs, creates the fragment from it, and parses the fragment back into an object of property/value pairs. The object will have properties like view=1 and details=true, and create URL fragments like "#view=1;details=true". You can choose to not use URLUtils and create your own formatting and parsing if you wish.

If you use the third-party UrlKit, you have to set up a set of "rules" that map the components to the URL and vice-versa. It makes it easier to create more readable and hierarchical fragments like "#view=Shipping;details" or "#/Shipping/details=true". There's some extra work in figuring out the rules, but then you don't need to write methods like updateURL and parseURL as that functionality is contained in the rules.

</mx:application>
  </mx:application>