So Now we are gonna discuss a common problem many of us face
Event management between view stack component and main mxml class.
So the scenario is like we have a ViewStack in main application and it has a child component i.e FirstView (com.nectflow.eventest.views.FirstView)
Here is the eventTest.mxml
code here:
And the component FirstView (com/nectflow/eventest/FirstView.mxml)
Our task is to create an event in FirstView , dispatch it and listen it from main class i.e. eventTest ! Then we will do the reverse. create an event in main and do some changes in public variables in FirstView.
Now Lets create an event in FirstView
we have added a listener to TextInput named ChildText of FirstView called textUpdated()
here is the modified childText
and here is the function definition
private function textUpdated():void
{
typedText = childText.text;
}
Next comes the core part - dispatching an event
First Declare events as Static Metadata tags
so here we have registered a custom event named "typed", and what we got is
A event for the view element of the view stack in main mxml i.e. eventTest.mxml
now lets dispatch the typed event and make it work !
here is the code :
dispatchEvent(new Event('typed'));
this need following import to be included
import flash.events.*;
So lets dispatch this event in the TextInput change listener we have created last time so that the event will be dispatched whenever the TextInput text is changed
public var typedText:String = "";
private function textUpdated():void
{
typedText = childText.text;
//the event "typed" is dispatched here
dispatchEvent(new Event('typed'));
}
and now lets add a listener in main to listen to this dispatched event
/// trigger of fv
public function updateTypedText():void
{
status.text = "stack child said :"+fv.typedText;
}
private function textUpdated():void
{
}
mxml code
as typedText is a static text component of FirstView we can acess it directly from main as fv.typedText
similarly lets use another public function of FirstView
private function textUpdated():void
{
fv.parentListener(parentText.text);
}
Above we have successfully dispatched an event and listened to it in first phase and then we called a public function from dispatcher object to listener object
now showing complete code
Main MXML ( src/eventTest.mxml)
And the component FirstView (src/com/nectflow/eventest/FirstView.mxml)
Hope this post gave you some clear concepts
please post comments
for better blog view and attachments switch to
http://sites.google.com/site/nectflowblog/home/eventtest
