Flex Viewer 开发教程（6）Widget与共享数据

public?class?DataManager?extends?EventDispatcher{

?

????private?var?dataTable:Hashtable;?①

?

????public?function?DataManager(){

super();

dataTable=new?Hashtable();

ViewerContainer.addEventListener(AppEvent.CONFIG_LOADED,config);②

????????//this is a example to setup the listner to get the type of data

?the Data

????????//Manager is interested in.

???????ViewerContainer.addEventListener(AppEvent.DATA_FETCH_ALL,

fetchAllData);③

???????ViewerContainer.addEventListener(AppEvent.DATA_PUBLISH,

addData);④

????????ViewerContainer.addEventListener(AppEvent.DATA_FETCH,

fetchData);⑤

????}

?

private?function?config(event:AppEvent):void{

}

?

????private?function?fetchAllData(event:AppEvent):void{⑥

???????ViewerContainer.dispatchEvent(new?AppEvent(AppEvent.DATA_SENT,

?dataTable));

????}

?

????private?function?fetchData(event:AppEvent):void{⑦

???????var?key:String=event.data.key?as?String;

???????var?data:Object={key: key,collection: dataTable.find(key)};

???????ViewerContainer.dispatchEvent(new

AppEvent(AppEvent.DATA_SENT,data));

????}

?

????private?function?addData(event:AppEvent):void{⑧

???????var?key:String=event.data.key;

???????if?(key){

???????????var?dataCollection:Object=event.data.collection;

???????????if?(dataTable.containsKey(key)){

??????????????dataTable.remove(key);

???????????}

???????????dataTable.add(key,dataCollection);

???????????//var data:Object={key: key,data: dataTable};

??????????????// change by ropp to just send new published data

??????????????var?data:Object={key: key,data:?dataCollection};

???????????ViewerContainer.dispatchEvent(new

AppEvent(AppEvent.DATA_NEW_PUBLISHED,data));

???????}

????}

}

/**

?* Add information from a widget to the DataManager so that it can be shared

?between widgets.

?* @param key the widget name

?* @param arrayCollection the list of object in infoData structure.

?*/

public?function?addSharedData(key:String,

arrayCollection:ArrayCollection):void{①

????var?data:Object =?{

????????????????key: key,

????????????????collection: arrayCollection

????};

ViewerContainer.dispatchEvent(new?AppEvent(AppEvent.DATA_PUBLISH,

?data));

}

/**

?* Fetch shared data from DataManager.

?*/

public?function?fetchSharedData():void{②

ViewerContainer.dispatchEvent(new

AppEvent(AppEvent.DATA_FETCH_ALL));

}

/**

* Fetch share data from DataManager by key

* @param key

*/

public?function?fetchShareDataByKey(key:String):void{③新添加方法

ViewerContainer.dispatchEvent(new

AppEvent(AppEvent.DATA_FETCH,{key:key}));

}

<?xml version="1.0" encoding="utf-8"?>

<viewer:BaseWidget?xmlns:fx="http://ns.adobe.com/mxml/2009"

?????????????????xmlns:s="library://ns.adobe.com/flex/spark"

?????????????????xmlns:mx="library://ns.adobe.com/flex/mx"

?????????????????xmlns:viewer="com.esri.viewer.*"

?????????????????creationComplete="init()">

????<fx:Script>

???????<![CDATA[

???????????import?com.esri.viewer.AppEvent;

???????????import?com.esri.viewer.ViewerContainer;

???????????import?com.esri.viewer.utils.Hashtable;

???????????import?mx.collections.ArrayCollection;

?

???????????private?function?init():void{①

??????????????ViewerContainer.addEventListener(AppEvent.DATA_SENT,

?dataSentHandler);

ViewerContainer.addEventListener(AppEvent.DATA_NEW_PUBL

ISHED,dataNewPublishedHandler);

???????????}

?

???????????private?function?dataSentHandler(event:AppEvent):void{②

??????????????if?(event.data?is?Hashtable){

??????????????????var?keyValue:String="";

??????????????????var?table:Hashtable=Hashtable(event.data);

??????????????????var?keySet:Array=table.getKeySet();

??????????????????for each?(var?key:String?in?keySet){

?????????????????????keyValue+="key: "?+ key +?"; value: "?+

String(table.find(key)) +?"/n";

??????????????????}

??????????????????allValue.text=keyValue;

??????????????}

??????????????else?if?(event.data.collection)

??????????????????fValue.text=event.data.collection[0];

???????????}

?

???????????private?function

dataNewPublishedHandler(event:AppEvent):void{③

??????????????var?data:Object=event.data;

??????????????var?key:String=data.key;

??????????????var?value:String=data.data[0];

??????????????this.nKey.text=key;

??????????????this.nValue.text=value;

?????????????}

?

???????????private?function?shareData():void{④

??????????????this.addSharedData(key.text,?new

ArrayCollection([value.text]));

???????????}

?

???????????private?function?fetchByKey():void{⑤

??????????????this.fetchShareDataByKey(fKey.text);

???????????}

?

???????????private?function?fetchAll():void{⑥

??????????????this.fetchSharedData();

???????????}

???????]]>

????</fx:Script>

????<viewer:WidgetTemplate?width="500"?height="300">

???????<s:VGroup?width="100%"?height="100%">

???????????<s:HGroup?width="100%"?verticalAlign="middle">

??????????????<s:Label?text="Key"/>

??????????????<s:TextInput?id="key"/>

??????????????<s:Label?text="Value"/>

??????????????<s:TextInput?id="value"/>

??????????????<s:Button?label="Share"?click="shareData()"/>

???????????</s:HGroup>

???????????<s:HGroup?width="100%"?verticalAlign="middle">

??????????????<s:Label?text="New Share Data"/>

??????????????<s:Label?text="Key"/>

??????????????<s:TextInput?id="nKey"/>

??????????????<s:Label?text="Value"/>

??????????????<s:TextInput?id="nValue"/>

???????????</s:HGroup>

???????????<s:HGroup?width="100%"?verticalAlign="middle">

??????????????<s:Label?text="Key"/>

??????????????<s:TextInput?id="fKey"/>

??????????????<s:Button?label="Fetch by Key"?click="fetchByKey()"/>

??????????????<s:Label?text="Value"/>

??????????????<s:TextInput?id="fValue"/>

???????????</s:HGroup>

???????????<s:VGroup?width="100%"?height="100%"

????????????????????verticalAlign="middle"?horizontalAlign="center">

??????????????<s:Button?label="Fetch All"?click="fetchAll()"/>

??????????????<s:TextArea?id="allValue"?width="100%"?height="100%"/>

???????????</s:VGroup>

???????</s:VGroup>

????</viewer:WidgetTemplate>

</viewer:BaseWidget>