Flexviewer两个widget间的传值

本例子是通过widgetA的按钮打开widgetB，并把widgetA的某个值传值到widgetB中，代码如下：

widgetA中的代码：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <viewer:BaseWidget xmlns:fx="http://ns.adobe.com/mxml/2009"  
4.                    xmlns:s="library://ns.adobe.com/flex/spark"  
5.                    xmlns:mx="library://ns.adobe.com/flex/mx"  
6.                    xmlns:viewer="com.esri.viewer.*"  
7.                    widgetConfigLoaded="init()">  
8.     <fx:Script>  
9.         <![CDATA[ 
10.             import com.esri.viewer.AppEvent; 
11.             import com.esri.viewer.BaseWidget; 
12.             import com.esri.viewer.IBaseWidget; 
13.             import com.esri.viewer.ViewerContainer; 
14.              
15.             import mx.collections.ArrayCollection; 
16.             import mx.controls.Alert; 
17.             import mx.events.FlexEvent; 
18.              
19.             private function init():void 
20.             { 
21.             } 
22.              
23.             var i:int=1; 
24.             protected function button1_clickHandler(event:MouseEvent):void 
25.             { 
26.                 var msArr:ArrayCollection = new ArrayCollection();   
27.                 msArr.addItem("第"+i.toString()+"次传值");   
28.                 addSharedData("test", msArr);   
29.                 var id:Number = ViewerContainer.getInstance().widgetManager.getWidgetId("widgetB"); 
30.                 var bWidget :IBaseWidget = ViewerContainer.getInstance().widgetManager.getWidget(id, true) as IBaseWidget;//打开widgetB 
31.                 i++; 
32.             } 
33.         ]]>  
34.     </fx:Script>  
35.     <viewer:WidgetTemplate id="aa"  
36.                            width="300" height="300">  
37.         <viewer:layout>  
38.             <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>  
39.         </viewer:layout>  
40.         <s:Button label="测试" click="button1_clickHandler(event)"/>  
41.           
42.     </viewer:WidgetTemplate>  
43. </viewer:BaseWidget>  

widgetB中代码：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <viewer:BaseWidget xmlns:fx="http://ns.adobe.com/mxml/2009"  
4.                    xmlns:s="library://ns.adobe.com/flex/spark"  
5.                    xmlns:mx="library://ns.adobe.com/flex/mx"  
6.                    xmlns:viewer="com.esri.viewer.*"  
7.                    initialize="myBaseWidgetInitHandler(event)">  
8.     <fx:Script>  
9.         <![CDATA[ 
10.             import com.esri.viewer.AppEvent; 
11.             import com.esri.viewer.IBaseWidget; 
12.             import com.esri.viewer.ViewerContainer; 
13.             import mx.collections.ArrayCollection; 
14.              
15.             import mx.controls.Alert; 
16.             import mx.events.FlexEvent;  
17.             import com.esri.viewer.utils.Hashtable;  
18.              
19.             protected function myBaseWidgetInitHandler(event:FlexEvent):void 
20.             { 
21.                 AppEvent.addListener(AppEvent.DATA_SENT, sharedDataUpdatedFrist);//widgetA第一次点击触发 
22.                 AppEvent.addListener(AppEvent.DATA_PUBLISH, sharedDataUpdatedSecond);//widgetA第二次点击后触发 
23.                 fetchSharedData(); 
24.             } 
25.  
26.             /***widgetA第一次点击触发的事件***/ 
27.             private function sharedDataUpdatedFrist(event:AppEvent):void   
28.             { 
29.                 var dataTable:Hashtable = event.data as Hashtable;   
30.                 if (dataTable.containsKey("test"))   
31.                 {  
32.                     var recAC:ArrayCollection = dataTable.find("test") as ArrayCollection;  
33.                     if (recAC[0]){ 
34.                         lbl.text=recAC[0].toString(); 
35.                     }  
36.                 }  
37.             }  
38.              
39.             /***widgetA第二次点击后触发的事件***/ 
40.             private function sharedDataUpdatedSecond(event:AppEvent):void   
41.             {  
42.                 var data:Object = event.data;  
43.                 if (data.key == "test")  
44.                 {  
45.                     var obj:Object = data.collection[0]; 
46.                     var arr:ArrayCollection = new ArrayCollection();   
47.                     arr.addItem(obj); 
48.                     var str:String=arr.getItemAt(0).toString(); 
49.                     this.lbl.text=str; 
50.                 } 
51.             }  
52.         ]]>  
53.     </fx:Script>  
54.     <viewer:WidgetTemplate id="bb"  
55.                            width="300" height="300">  
56.         <viewer:layout>  
57.             <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>  
58.         </viewer:layout>  
59.         <s:Label id="lbl" text="标签"/>  
60.     </viewer:WidgetTemplate>  
61. </viewer:BaseWidget>  

运行结果：