好看的小说完本推荐,雪鹰领主,小说网

20.8.1 問題
我需要根據URL 參數控制Flex 3 容器內的科室內容
20.8.2 解決辦法
使用BrowserManager 類和BrowserChangeEvents 控制可視性和跟蹤可視Flex 組件的歷史軌跡。
20.8.3 討論
在此情形下，你是用URL 的fragment 片斷來控制并跟蹤Flex 應用里那些可視的容器和組件。

當加載應用程序的時候，你就初始化BrowserManager 類實例，該實例可以幫助你解析并處理瀏覽器URL。updateContainers 方法(下面代碼段中的方法)決定mx:TabNavigator 實例內那些tab 項為可視的。每當該tab 導航器的可視tab 項改變的時候，你可以通過使用下面的代碼段來設置URL fragment 片段中的selectedIndex 屬性。

-ActionScript

bm.setFragment( "selectedIndex=" + tabNav.selectedIndex );

這就更新了瀏覽器的URL 并且將變化添加到瀏覽器歷史記錄中。如果有人復制粘貼當前瀏覽器的URL，則該用戶可以直接連接到當前選中的tab 導航器。

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="onCreationComplete()">
<mx:Script>
<![CDATA[
import mx.events.BrowserChangeEvent;
import mx.managers.IBrowserManager;
import mx.managers.BrowserManager;
import mx.utils.URLUtil;
private var bm:IBrowserManager;
private function onCreationComplete() : void
{
//get an instance of the browser manager
bm = BrowserManager.getInstance();
//initialize the browser manager
bm.init();
//set visible containers based on url parameters
updateContainers();
//add event listeners to handle back/forward browser buttons
bm.addEventListener( BrowserChangeEvent.BROWSER_URL_CHANGE, onURLChange );
updateURL():
}
private function updateContainers():void
{
//convert url parameters to an actionscript object
var o:Object = URLUtil.stringToObject(bm.fragment);
//set the selected index
if ( !isNaN(o.selectedIndex) )
{
var newIndex : Number = o.selectedIndex;
if ( newIndex >= 0 && newIndex < tabNav.numChildren )
tabNav.selectedIndex = newIndex;
}
}
private function onURLChange( event:BrowserChangeEvent ):void
{
//call updateContainers when url value changes
updateContainers();
}
private function updateURL():void
{
bm.setFragment( "selectedIndex=" + tabNav.selectedIndex );
}

]]>
</mx:Script>
<mx:TabNavigator
bottom="10" top="10" right="10" left="10" id="tabNav" historyManagementEnabled="false">
<mx:Canvas label="Tab 0" show="updateURL()" >
<mx:Label text="Tab 0 Contents" />
</mx:Canvas>
<mx:Canvas label="Tab 1" show="updateURL()" >
<mx:Label text="Tab 1 Contents" />
</mx:Canvas>
<mx:Canvas label="Tab 2" show="updateURL()" >
<mx:Label text="Tab 2 Contents" />
</mx:Canvas>
</mx:TabNavigator>
</mx:Application>