14.9.绑定到一个动态类的属性

[Bindable(event="propertyChange")]
dynamic public class Properties extends Proxy implements IEventDispatcher {}

override flash_proxy function getProperty( name:* ):*
{
return xml..property.(@id == String( name ) );
}
override flash_proxy function setProperty( name:*, value:* ):void
{
var index:Number = xml..property.(@id == String( name )).childIndex();
xml.replace( index, '<property id="' + name + '">' + value +'</property>' );
}

override flash_proxy function setProperty( name:*, value:* ):void
{
var oldVal:String = xml..property.(@id == String( name ) );
var index:Number = xml..property.(@id == String( name )).childIndex();
xml.replace( index, '<property id="' + name + '">' + value +'</property>' );
var evt:Event = PropertyChangeEvent.createUpdateEvent( this,
name,oldVal, value );
dispatchEvent( evt );
}

package com.oreilly.flexcookbook{
import flash.events.Event;
import flash.events.EventDispatcher;
import flash.events.IEventDispatcher;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.utils.Proxy;
import flash.utils.flash_proxy;
import mx.events.PropertyChangeEvent;
[Event(name="complete", type="flash.events.Event")]
[Bindable(event="propertyChange")]
dynamic public class Properties extends Proxy
implements IEventDispatcher{
private var _evtDispatcher:EventDispatcher;
private var _data:XML;
private var _loader:URLLoader;
public static const COMPLETE:String = "complete";
public function Properties(){
_evtDispatcher = new EventDispatcher();
} 
// load external xml.
public function loadProperties( fnm:String ):void{
_loader = new URLLoader();
_loader.addEventListener( Event.COMPLETE, loadHandler );
_loader.load( new URLRequest( fnm ) );
} 
// set data property and dispatch 'complete' notification.
private function loadHandler( evt:Event ):void{
data = XML( _loader.data );
dispatchEvent( new Event( Properties.COMPLETE ) );
}
public function get data():XML{return _data;}
public function set data( xml:XML ):void{_data = xml;
} // use E4X to return property value held on xml.
override flash_proxy function getProperty( name:* ):*{
if( _data == null ) return "";
else return _data..property.(@id == String( name ) );
}
 // use E4X to modify property value on xml. Dispatch'propertyChange'
override flash_proxy function setProperty( name:*, value:*):void{
var oldVal:String = _data..property.(@id == String( name) );
var index:Number =_data..property.(@id == String( name )).childIndex();
_data.replace( index, '<property id="' + name + '">' +value + '</property>' );
var evt:Event =PropertyChangeEvent.createUpdateEvent( this, name, oldVal,value );
dispatchEvent( evt );
}
// IEventDispatcher implementation.
public function addEventListener( type:String,listener:Function,useCapture:Boolean = false,priority:int = 0,useWeakReference:Boolean =false):void
{
_evtDispatcher.addEventListener( type, listener,
useCapture,priority, useWeakReference );
} 
// IEventDispatcher implementation.
public function removeEventListener( type:String,listener:Function,useCapture:Boolean = false):void{
_evtDispatcher.removeEventListener( type, listener,useCapture );
}
 // IEventDispatcher implementation.
public function dispatchEvent( evt:Event ):Boolean
{
return _evtDispatcher.dispatchEvent( evt );
} 
// IEventDispatcher implementation.
public function hasEventListener( type:String ):Boolean
{
return _evtDispatcher.hasEventListener( type );
}
 // IEventDispatcher implementation.
public function willTrigger( type:String ):Boolean
{
return _evtDispatcher.willTrigger( type );
}
}
}

var myProxy:Properties = new Properties();
myProxy.load('properties.xml' );
..
var name:String = myProxy.name;
myProxy.album = "Blue Valentine";

：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="initHandler();">
<mx:Script>
<![CDATA[
import mx.binding.utils.BindingUtils;
import com.oreilly.flexcookbook.Properties;
private var _properties:Properties;
// create proxy and load xml.
private function initHandler():void
{
_properties = new Properties();
_properties.addEventListener( Event.COMPLETE,propertiesHandler );
_properties.loadProperties( "data/properties.xml" );
} 
// xml data loaded. establish data binding.
private function propertiesHandler( evt:Event ):void
{
BindingUtils.bindProperty( nameOutput, "text",_properties, "name" );
BindingUtils.bindProperty( albumOutput, "text",_properties, "album" );
BindingUtils.bindProperty( genreOutput, "text",_properties, "genre" );
} 
// change properties of proxied data.
private function changeHandler():void
{
_properties.name = nameField.text;
_properties.album = albumField.text;
_properties.genre = genreField.text;
}

]]>
</mx:Script>
<mx:Label text="Data Loaded." />
<mx:Form>
<mx:FormItem label="Name:">
<mx:Text id="nameOutput" />
</mx:FormItem>
<mx:FormItem label="Album:">
<mx:Text id="albumOutput" />
</mx:FormItem>
<mx:FormItem label="Genre:">
<mx:Text id="genreOutput" />
</mx:FormItem>
</mx:Form>
<mx:HRule width="100%" />
<mx:Form>
<mx:FormItem label="Name:">
<mx:TextInput id="nameField" />
</mx:FormItem>
<mx:FormItem label="Album:">
<mx:TextInput id="albumField" />
</mx:FormItem>
<mx:FormItem label="Genre:">
<mx:TextInput id="genreField" />
</mx:FormItem>
<mx:FormItem label="Submit Changes">
<mx:Button label="ok" click="changeHandler();" />
</mx:FormItem>
</mx:Form>
</mx:Application>