Flex adding single event on varied components Example

Ads
 

Flex adding single event on varied components Example

Following example adds same MouseEvent.MOUSE_DOWN event listener on two check box controls

Following example adds same MouseEvent.MOUSE_DOWN event listener on two check box controls

Flex single event on varied components

     

In the example below, listeners for a single event MouseEvent.MOUSE_DOWN, are created on two flex check boxes controls, due to which whenever the check boxes are clicked the  second argument of the .addEventListener method is get switched. 
Here the second argument of .addEventListener method is a function name eventHandler that contains show method of Alert class.
This show method when invoked opens the pop-up windows. So with this example a clear idea for adding single event listeners in to several components is depicted.

listener.mxml

<?xml version = '1.0' encoding = 'utf-8'?>
<mx:Application xmlns:mx = 'http://www.adobe.com/2006/mxml'>
  <mx:Script>
  import mx.controls.Alert;
  
  public function eventHandler(event:Event):void{
  Alert.show('Id' + event.currentTarget.id 
  ' Class Name: ' + event.currentTarget.className 
  '\n' + event.currentTarget.label);
  
  }
  </mx:Script>
  
  <mx:CheckBox id = 'ch0' label = 'Check me permanently
  click = 'ch0.addEventListener(MouseEvent.MOUSE_DOWN, eventHandler);
 changeLabel0(event)'/>
  
  <mx:Script>
  public function addEvent():void{
  ch1.addEventListener(MouseEvent.MOUSE_DOWN, eventHandler);
  }
  </mx:Script>
  
  
  <mx:CheckBox id = 'ch1' label = 'Uncheck me permanently
  click = 'addEvent(); changeLabel1(event)' selected = 'true'/>
  
  <mx:Script>
  
  public function changeLabel0(event:Event):void{
  if(ch0.selected == 'false'){
  ch0.label = 'Check me permanently';
  }else {
  ch0.label = 'Well now i am checked permanently';  
  }
  }
  
  public function changeLabel1(event:Event):void{
  if(ch1.selected == 'true'){
  ch1.label = 'Uncheck me permanently';
  }else {
  ch1.label = 'Now i am Unchecked';
  }
  }
  
  </mx:Script>
  
</mx:Application>

 

listener.swf

Download the code

Ads

Ads