Accordion is opened to the panel corresponding to the value of the index fragment

      

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


    <!-- deeplinking/InitFrag.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
    creationComplete="init(event);">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Script> 
         
        import mx.managers.BrowserManager; 
        import mx.managers.IBrowserManager; 
        import mx.events.BrowserChangeEvent; 
        import mx.utils.URLUtil; 
        private var bm:IBrowserManager; 
        private function init(e:Event):void { 
            bm = BrowserManager.getInstance(); 
            bm.init("", "Welcome!"); 
            parseURL(e); 
        } 
        [Bindable] 
        private var indexFromURL:int; 
        private function parseURL(e:Event):void { 
            var o:Object = URLUtil.stringToObject(bm.fragment); 
            indexFromURL = o.index; 
        } 
      
    </fx:Script>
    <mx:Accordion selectedIndex="{indexFromURL}">
        <mx:VBox label="Panel 1">
            <mx:Label text="Accordion container panel 1" />
        </mx:VBox>
        <mx:VBox label="Panel 2">
            <mx:Label text="Accordion container panel 2" />
        </mx:VBox>
        <mx:VBox label="Panel 3">
            <mx:Label text="Accordion container panel 3" />
        </mx:VBox>
    </mx:Accordion>
</s:Application>

Related examples in the same category

1.	Creating an accordion navigator
2.	Register an event listener in MXML for Accordion change event
3.	Accordion container, IndexChangedEvent
4.	Define an event listener for Accordion initialize event
5.	Creating and removing children of an Accordion container
6.	Put Form inside an Accordion container
7.	Creating an Accordion container
8.	Open last panel in the Accordion container
9.	Set a different text color for each Accordion buttons
10.	Register an event listener in MXML that is processed when you change views in an Accordion container.
11.	History management is Enabled for this Accordion
12.	History management is disabled for this Accordion
13.	Define an event listener for the initialize event, which is dispatched when the user first navigates to Pane 2 of an MX Accordion navigator container
14.	Using the Spark NavigatorContent container as a child of an Accordion container
15.	Accordion Button Navigation
16.	Set a different text color for each of the Accordion buttons
17.	Set Accordion creationPolicy to all, which instructs the container to instantiate all controls for every panel in the navigator container when the application starts
18.	Use selectedChild property

Accordion is opened to the panel corresponding to the value of the index fragment : Accordion « Components « Flex

Related examples in the same category