20.7.經由BrowserManager深度-鏈接到數據

2024-04-27 13:52:28

字體：大中小

來源：轉載

供稿：網友

20.7.1 問題
我需要從瀏覽器的URL 傳遞數據給Flex 控件，并且根據Flex 應用程序里的數據更新瀏覽器URL 的值，同時執行瀏覽器的前進或后退導航按鈕。
20.7.2 解決辦法
使用BrowserManager 類和BrowserChangeEvents 讀取并寫入數據到瀏覽器URL。
20.7.3 討論
無論是通過地址欄的輸入框還是還是通過使用導航控件(前進和后退按鈕)來改變瀏覽器URL 的值，BrowserManager 實例都會廣播一個BrowserChangeEvent.BROWSER_URL_CHANGE 事件。無論何時，只要該類型的事件發生，你都可以簡單地調用updateValues 方法更新Flex 控件的屬性值。這讓你可以輕易地鏈接、循環到你的輸入值。

下面的例子展示如何從瀏覽器URL 里讀取數據并將讀取的值放入Flex mx:TextInput 的屬性域里面去。當示例程序加載的時候，它會從當前URL 里讀取數據并且將firstName 和lastName參數值寫入文本框中去。無論是firstName 還是lastName 值的mx:TextInput 屬性域改變的時候，應用程序將在瀏覽器管理器調用setFragment 方法，使用新的firstName 和lastName 參數值更新瀏覽器的URL。這讓你能夠復制粘貼URL，從而輕易地直接連接到當前視圖中去，同時也將每一個變化添加到瀏覽器歷史記錄中。

-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 initial values based on url parameters
updateValues();
//add event listeners to handle back/forward browser buttons
bm.addEventListener( BrowserChangeEvent.BROWSER_URL_CHANGE,
onURLChange );
}
private function updateValues():void
{
//update text box values based on url fragment
var o:Object = URLUtil.stringToObject(bm.fragment);
firstName.text = o.firstName;
lastName.text = o.lastName;
}
private function updateURL():void
{
//update URL fragment
bm.setFragment( "firstName=" + firstName.text + ";lastName=" + lastName.text );
}
private function onURLChange( event :
BrowserChangeEvent ):void
{
//call update values based on change url
updateValues();
}

]]>
</mx:Script>
<mx:TextInput x="10" y="10" id="firstName" change="updateURL()" />
<mx:TextInput x="10" y="40" id="lastName" change="updateURL()"/>
</mx:Application>