actionscript-3 - 更改组合框时动态向上移动组合框？

Question

我正在使用 Flex builder 4.5。我的网络应用程序中有五个组合。组合 1 加载为员工和学生。Combo 2 加载部门，Combo 3 加载教职员工姓名，Combo 4 加载学生批次，Combo 5 加载学生姓名。

当我在第一个组合中选择学生时，组合 4 和组合 5 应该动态向上移动。请就此提出建议...

Answer 1

操纵控件的坐标不是一个好习惯。取而代之的是，我将使用 ViewStack 控件并根据第一个组合的项目更改选定的索引。

因此，您可以更好地控制视图表示，并减少未来更改的问题。

<?xml version="1.0" encoding="utf-8"?>
<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" minWidth="955" minHeight="600">

<s:VGroup x="10" y="10">
    <s:ComboBox id="cbMain" selectedIndex="0">
        <s:ArrayList>
            <fx:Object label="Staff"/>
            <fx:Object label="Student"/>
        </s:ArrayList>
    </s:ComboBox>

    <mx:ViewStack id="vsMain" width="200" height="200" selectedIndex="{cbMain.selectedIndex}">
        <s:NavigatorContent id="ncStaff" width="100%" height="100%">

            <s:VGroup>
                <s:ComboBox id="cbStaffDep" selectedIndex="0">
                    <s:ArrayList>
                        <fx:Object label="Department01"/>
                        <fx:Object label="Department02"/>
                    </s:ArrayList>
                </s:ComboBox>

                <s:ComboBox id="cbStaffName" selectedIndex="0">
                    <s:ArrayList>
                        <fx:Object label="StaffName01"/>
                        <fx:Object label="StaffName02"/>
                    </s:ArrayList>
                </s:ComboBox>
            </s:VGroup>
        </s:NavigatorContent>

        <s:NavigatorContent id="ncStudent" width="100%" height="100%">

            <s:VGroup>
                <s:ComboBox id="cbStudentBatch" selectedIndex="0">
                    <s:ArrayList>
                        <fx:Object label="Batch01"/>
                        <fx:Object label="Batch02"/>
                    </s:ArrayList>
                </s:ComboBox>

                <s:ComboBox id="cbStudentName" selectedIndex="0">
                    <s:ArrayList>
                        <fx:Object label="StudentName01"/>
                        <fx:Object label="StudentName02"/>
                    </s:ArrayList>
                </s:ComboBox>
            </s:VGroup>

        </s:NavigatorContent>
    </mx:ViewStack>

</s:VGroup>

</s:Application>