Mega Code Archive

 

Categories / Flex / Event

 

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>