Flex current target property example

Example below describes the working of currentTarget property in flex. Code below shows a method .setSelection which is used to highlight the text letters as defined closed indexes.

Flex current target property example

Flex current target property example

     

The example below describes the working flex currentTarget property. Code below shows a method .setSelection which is used to highlight the text letters as per defined closed indexes. Here, use of <![CDATA --- ]]>  is optional. In the code, two functions are defined, viz.,  protocol and virus; both are event handler functions. First method defines the Label control id and  puts data in to core.text, where text is the attribute defined in TextInput control and the second function highlights the text characters from index 5 to 20 in TextInput. Both are click based event functions, however the protocol function gets initialized first because it is passed in the initialize attribute of the root tag. Root tag is coded as <Application/>, and is called as the root tag of the application inside which other flex control and container tags are coded. 

 

 

 

 

currentTarget.mxml

<?xml version = '1.0'?>
<mx:Application xmlns:mx = 'http://www.adobe.com/2006/mxml'>

  <mx:Script>
  <![CDATA[
  public function protocol(event:Event):void{
master.text = 'Label' + event.currentTarget.id + 'is clicked';
core.text = 'Weaving = Agent Smith said that in an 
interview about Matrix Reloaded';  
  
  }

  public function virus(event:Event):void{
  TextInput(event.currentTarget).setSelection(5,20);
  } 
  ]]>
</mx:Script>

<mx:TextInput id = 'core' text = 'click on me' 
click = 'virus(event);' />
  <mx:Label id = 'master' click = 'protocol(event);'/>
</mx:Application>

currentTarget.swf

 

In the code below event.current.Target feature is used in the function constructor. Function is called through the click attribute of Button control.


target.mxml

<?xml version = '1.0' encoding = 'ISO-8859-1'?>
<mx:Application xmlns:mx = 'http://www.adobe.com/2006/mxml'>
<mx:Script>
  import mx.controls.Alert;

  public function nick(s:String):void{
  Alert.show('Button control id is : ' + s);
}

</mx:Script>

  <mx:Button label = 'Click me' id = 'Cathastorus' 
  click = 'nick(event.currentTarget.id)'/>

</mx:Application>

target.swf

  


Download the source code

Tutorials

  1. Action Script custom components
  2. Flex Tutorials
  3. Login.mxml
  4. Performing Object Introspection
  5. For..in loop
  6. How to display on textbox using ObjectUtil class
  7. Introducing Flex
  8. Downloading and Installing Flex
  9. Flex Example
  10. Flex Combo Box example
  11. Flex wipe behavior example
  12. Flex Validator example
  13. Flex Tab Navigator example
  14. Flex Cascading Style Sheets example
  15. Flex Alert Box example
  16. Flex Remove Event Listener example
  17. Flex dispatch event example
  18. Flex Custom mxml tags example
  19. Flex current target property example
  20. Flex Circle drawing example
  21. Flex adding single event on varied components Example
  22. Flex Add Event Listener example
  23. Action Script 'source' attribute example
  24. Action Script 'include' statement example
  25. Flex combobox selecteditem
  26. Flex data binding example
  27. Compiling MXML files with FlexBuilder
  28. Flex Handling KeyboardEvents
  29. Flex checkbox control example
  30. Flex event phase detection example
  31. Explore key & mouse with Flex
  32. Flex KeyboardEvent Listener
  33. Flex KeyboardEvent properties
  34. Flex target property example
  35. Flex terminating event flow example
  36. Downloading and Installing Flex Builder
  37. Eclipse flex ant coding example
  38. Flex Container
  39. Flex Introduction
  40. What are Flex Containers