<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="initHandler();">
<mx:Script>
private var _timer:Timer;
private var _firstName:String;
public static const FIRST_NAME_CHANGED:String = "firstNameChanged";
private function initHandler():void
{
_timer = new Timer( 2000, 1 );
_timer.addEventListener( TimerEvent.TIMER_COMPLETE, timerHandler );
}
private function clickHandler():void
{
firstName = fnInput.text;
}
private function timerHandler( evt:TimerEvent ):void
{
dispatchEvent( new Event( FIRST_NAME_CHANGED ) );
}
[Bindable(event="firstNameChanged")]
public function get firstName():String
{
return _firstName;
}
public function set firstName( str:String ):void
{
_firstName = str;
_timer.reset();
_timer.start();
}
</mx:Script>
<mx:Panel title="User Entry.">
<mx:HBox>
<mx:Label text="First Name:" />
<mx:TextInput id="fnInput" />
</mx:HBox>
<mx:Button label="submit" click="clickHandler();" />
<mx:Label text="You Entered:" fontWeight="bold" />
<mx:HBox>
<mx:Label text="First Name:" />
<mx:Text text="{firstName}" />
</mx:HBox>
</mx:Panel>
</mx:Application>
|