mx:States issue

Question

I have a problem with state changing.
I have a MAIN.MXML that has <mx:States> tag. Assume
there is a top
navigation, from there I click on LIBRARY button then
following state
is called up.
<mx:State name="viewResources" basedOn="MainApp">
<mx:AddChild position="lastChild">
<Resources:ResourceViewingWin
id="resourceView" x="10" y="95"
width="900"
height="100%"
userId="{userId}"
grdResources="{null}"
titleStyleName="PanelStyle"/>
</mx:AddChild>
</mx:State>
Now, in this above state "viewResources", it calles up this
file
internally ResourceViewingWin.MXML that has container as
below.
<mx:TitleWindow xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" width="800" height="100%"
creationComplete="page_load()"
currentState="ButtonsView">
What happens when I visit this page very first time, it gives
me
propery "ButtonsView" state...then I click on a button for
this state
& it takes me to the another state called "LibraryView"
for the same
MXML file. It means ResourceViewingWin.MXML has also two
states
"ButtonsView" & "LibraryView". All is OK until now...
Now when I go to another section upon clicking on TOP
NAVIGATION
button & when hitting back on LIBRARY button it takes me
to the
"LibraryView" instead of "ButtonsView".
So my question is, what should be done so it will always open
the
first state/page of any section?
Regards.

Answer 1

To get this working correctly, you need to import
mx.core.Application:
<mx:Script>
<![CDATA[
import mx.core.Application;
]]>
</mx:Script>
Then you can access the
Application.application.currentState='yourState' through your click
handler:
click="Application.application.currentState='yourState'"