<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.utils.ObjectProxy;
private var obj:Object = {name:'Name',album:'Song',genre:'Rock'};
[Bindable]
private var proxy:ObjectProxy = new ObjectProxy( obj );
private function handleClick():void
{
proxy.name = nameField.text;
proxy.album = albumField.text;
proxy.genre = genreField.text;
}
</mx:Script>
<mx:Form borderStyle="solid">
<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="handleClick();" />
</mx:FormItem>
</mx:Form>
<mx:Form borderStyle="solid">
<mx:FormItem label="Name:">
<s:RichText text="{proxy.name}" />
</mx:FormItem>
<mx:FormItem label="Album:">
<s:RichText text="{proxy.album}" />
</mx:FormItem>
<mx:FormItem label="Genre:">
<s:RichText text="{proxy.genre}" />
</mx:FormItem>
</mx:Form>
</mx:Application>
|