Flex中通过监听ObjectProxy的propertyChange事件检测一个Object是否变

接下来的例子演示了Flex中通过监听ObjectProxy的propertyChange事件，检测一个Object是否变化。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

 

 

下面是完整代码(或点击这里察看)：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white"
6.         creationComplete="init();">
7.  
8.     <mx:Script>
9.         <![CDATA[
10.             import mx.events.PropertyChangeEvent;
11.             import mx.utils.ObjectProxy;
12.  
13.             private var object:Object = {};
14.             private var objectProxy:ObjectProxy;
15.  
16.             private function init():void {
17.                 objectProxy = new ObjectProxy(object);
18.                 objectProxy.addEventListener(PropertyChangeEvent.PROPERTY_CHANGE, updateChange);
19.                 objectProxy.name = "My Object";
20.                 objectProxy.id = 31;
21.  
22.                 /* Note: Any assignments made directly to the "object"
23.                    Object do not dispatch the propertyChange event. */
24.                 object.isDebug = false;
25.                 object.id = 33;
26.  
27.                 /* Note: Even though the earlier assignment to the "id"
28.                    property  didn't dispatch the propertyChange event,
29.                    the "oldValue" property is still displayed as 33. */
30.                 objectProxy.id = 45;
31.             }
32.  
33.             private function updateChange(evt:PropertyChangeEvent):void {
34.                 arrColl.addItem(evt);
35.             }
36.         ]]>
37.     </mx:Script>
38.  
39.     <mx:ArrayCollection id="arrColl" />
40.  
41.     <mx:DataGrid dataProvider="{arrColl}"
42.             sortableColumns="false"
43.             draggableColumns="false"
44.             width="100%"
45.             height="100%">
46.         <mx:columns>
47.             <mx:DataGridColumn dataField="type" />
48.             <mx:DataGridColumn dataField="property" />
49.             <mx:DataGridColumn dataField="newValue" />
50.             <mx:DataGridColumn dataField="oldValue" />
51.             <mx:DataGridColumn dataField="source" />
52.         </mx:columns>
53.     </mx:DataGrid>
54.  
55. </mx:Application>

代码：Peter deHaan 翻译/整理/编译：中文Flex例子