如何在flex3中从一个mxml导航到另一个mxml

Question

假设我的 main.mxml 上有 3 个按钮（例如，生产、营销、销售）。 一旦我单击一个按钮，它应该将我带到包含生产数据的 abc.mxml 页面，如果我再次单击第二个按钮，它应该将我带到相同的 abc.mxml 但包含营销数据。与第三个按钮也相同，

我怎样才能实现这一点？

Answer 1

使用 TabNavigator

<?xml version="1.0"?>
<!-- Simple example to demonstrate the TabNavigator layout container. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Panel title="TabNavigator Container Example" height="90%" width="90%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Label width="100%" color="blue"
            text="Select the tabs to change the panel."/>

        <mx:TabNavigator id="tn"  width="100%" height="100%">
            <!-- Define each panel using a VBox container. -->

            <mx:VBox label="Panel 1">
                <mx:Label text="TabNavigator container panel 1"/>
            </mx:VBox>

            <mx:VBox label="Panel 2">
                <mx:Label text="TabNavigator container panel 2"/>
            </mx:VBox>

            <mx:VBox label="Panel 3">
                <mx:Label text="TabNavigator container panel 3"/>
            </mx:VBox>
        </mx:TabNavigator>

        <mx:Label width="100%" color="blue"
            text="Programmatically select the panel using a Button control."/>

        <mx:HBox>
            <mx:Button label="Select Tab 1" click="tn.selectedIndex=0"/>
            <mx:Button label="Select Tab 2" click="tn.selectedIndex=1"/>
            <mx:Button label="Select Tab 3" click="tn.selectedIndex=2"/>
        </mx:HBox>

    </mx:Panel>
</mx:Application>

代码是从链接复制的页;检查页面以获取现场演示。

Answer 2

1. 您可以使用 TabNavigator 来使用选项卡并将所有 3 个 mxml 包含在其中

   • 不需要按钮，导航会自动进行
     http://livedocs.adobe.com/flex/ 3/html/help.html?content=navigators_4.html

2. 您可以使用 ViewStack，其中包含所有 3 个 mxml，然后在按钮上单击您设置 viewstack 的 selectedIndes = "0" 、 1 或 2，具体取决于在按钮上。
   http://livedocs.adobe.com/flex/ 3/html/help.html?content=navigators_3.html

另外，您可能需要检查“Navigator Containers”的 adobe flex 帮助