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>