
168 Use View States and Transitions
Define how users switch view states
You want to design your application so that when the user clicks the Advanced Options link,
the layout switches to the Advanced view state with the extra search options. When the user
clicks the link again, the layout switches back to the base state and hides the options. To do
this, you need to define click event handlers to switch the states.
1. In Design mode, select the base state in the list in the States view.
Because you will define a click event handler for the Link control that is part of the base
state, you need to change the focus of the MXML editor to the base state.
When you select the base state in this step, the MXML editor doesn't show the three
CheckBox controls because they're not part of the base state.
2. Select the LinkButton control in the layout and enter the following value in the On Click
text box in the Flex Properties view:
currentState='Advanced'
The click property specifies that when the user clicks the LinkButton control, the
application should switch the current state to the Advanced view state, which displays the
three additional check boxes.
Next, you want to hide the check boxes when the user clicks the LinkButton control a
second time. You can do this by restoring the base state when the user clicks the link in the
Advanced view state.
3. In the States view, select the Advanced state.
Because you will define a click event handler for the LinkButton control when it’s part of
the Advanced state, you need to change the focus of the MXML editor to the Advanced
state.
Commenti su questo manuale