How to work with Back Button of Web Browser for Flex Application

Question

Hi...........
I am developing a Web Site for that I have created 10 MXML Components for 10 links I am using ViewStack in Home Page and I added the 10 components to this ViewStack and I am using 10 links for 10 Components
My problem is that When I am going through links it's fine but in my Web Browser I am not getting Back Button enabled for previous page to go
Please help me.............................. 

Answer 1

Hi,
Here a Flex3 example:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
     layout="absolute"
     creationComplete="initApp()">
     <mx:Script>
          <![CDATA[
               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>
     <mx:TabNavigator id="tn" change="updateURL()" width="300">
          <mx:Panel label="Shipping">
               <mx:CheckBox id="shipDetails" label="Show Details" change="updateURL()" />
          </mx:Panel>
          <mx:Panel label="Receiving">
               <mx:CheckBox id="recvDetails" label="Show Details" change="updateURL()" />
          </mx:Panel>
     </mx:TabNavigator>
</mx:Application>