NonCommittingChangeEvent Demo

           
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
   
  <mx:Script>
    
    private var _phoneNumeber:String = "";

    [Bindable(event="submitClicked")]
    [NonCommittingChangeEvent("change")]
    public function get phoneNumber():String {
      return _phoneNumeber;
    }
    public function set phoneNumber(value:String):void {
      if (value.length<10) {
        _phoneNumeber = value;
      } else {
        _phoneNumeber = phoneFormatter.format(value);
      }
      var eventObj:Event = new Event("change");
      dispatchEvent(eventObj);
    }       
    private function clickHandler():void{
      var eventObj:Event = new Event("submitClicked");
      dispatchEvent(eventObj);
    }
  
  </mx:Script>
  <mx:PhoneFormatter id="phoneFormatter" formatString="(###) ###-####" validPatternChars="#-() "/>
  <mx:Panel title="Bind with Getters and Setters"  width="500" height="90" layout="horizontal">    
    <mx:TextInput id="ti1" change="phoneNumber=ti1.text" maxChars="10" restrict="0-9"/>
    <mx:TextInput id="ti2" text="{this.phoneNumber}"/>
    <mx:Button label="Submit" click="this.clickHandler()"/>
  </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Stop event propagation
2.	Hold down the Shift key while pressing the mouse button
3.	Set the value of the errorString property to create an error tip
4.	Nested inner function
5.	Submit button call
6.	Add a new button when the user presses an existing button
7.	Manually dispatch an event in an MXML tag
8.	UI Control initialization event
9.	Add ActionScript code in the component's definition for initialize event
10.	Use dispatchEvent() method to dispatch any event
11.	Dispatch an event in an MXML tag
12.	Create new event from ActionScript
13.	Single event property access
14.	Add loading complete event for URLLoader
15.	Create Complete event and initialize event
16.	Cast event sender to UI control
17.	Module loading event
18.	Using error event when loading Module
19.	Handling Events Inline
20.	Use Event Bubbling
21.	Bind getter function to phoneNumberChanged event
22.	NonCommittingChange Event Sample
23.	StartUp event Order
24.	Event With Function
25.	Event Bubbling
26.	Set HTMLText With Initialize event
27.	Get Scrolled position from ScrollEvent
28.	Change Event
29.	Using change event to recognize that a new item was entered into the prompt, and adds it to the data provider
30.	Edit Event Prevents Edit

NonCommittingChangeEvent Demo : Event « Event « Flex

Related examples in the same category