Вопрос Flex: Могу ли я использовать ComboBox в Flex для изменения стека представлений?

Я пытаюсь использовать поле со списком во гибкости с массивом для перехода на холст в стеке представления. Могу ли я сделать это с помощью какого-нибудь настраиваемого сценария действий? Пользовательский интерфейс, который я разрабатываю, действительно может от этого выиграть.


combobox apache-flex viewstack
person Community    schedule 21.05.2009    source источник
comment
Круто ... это работает! Спасибо за помощь!!!   -  person    schedule 23.06.2009

Ответы (3)


arrow_upward
3
arrow_downward

Вот небольшое демонстрационное приложение, которое демонстрирует, что вы пытаетесь сделать:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

    <mx:Script>
        <![CDATA[
            import mx.core.Container;

            private function onComboBoxChange():void
            {
                stackNav.selectedChild = this[comboNav.selectedItem];
            }            

        ]]>
    </mx:Script>

    <mx:ComboBox id="comboNav" dataProvider="{['canvas1','canvas2']}" change="onComboBoxChange()"/>

    <mx:ViewStack id="stackNav" width="400" height="300">
        <mx:Canvas id="canvas1" width="100%" height="100%">
           <mx:Label text="Hello" horizontalCenter="0" verticalCenter="0"/>
        </mx:Canvas>
        <mx:Canvas id="canvas2" width="100%" height="100%">
           <mx:Label text="World!" horizontalCenter="0" verticalCenter="0"/>
        </mx:Canvas>
    </mx:ViewStack>

</mx:Application>

Вы можете изменить логику в onComboBoxChange (), чтобы также использовать selectedIndex:

stackNav.selectedIndex = comboNav.selectedIndex;
person cliff.meyers    schedule 22.05.2009

arrow_upward
0
arrow_downward

Или вы можете привязать selectedIndex viewStack к свойству selectedIndex комбо:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:ComboBox id="comboNav" dataProvider="{['canvas1','canvas2']}"/>

    <mx:ViewStack id="stackNav" width="400" height="300"
        selectedIndex="{comboNav.selectedIndex}">
        <mx:Canvas id="canvas1" width="100%" height="100%">
           <mx:Label text="Hello" horizontalCenter="0" verticalCenter="0"/>
        </mx:Canvas>
        <mx:Canvas id="canvas2" width="100%" height="100%">
           <mx:Label text="World!" horizontalCenter="0" verticalCenter="0"/>
        </mx:Canvas>
    </mx:ViewStack>

</mx:Application>
person bug-a-lot    schedule 28.05.2009

arrow_upward
0
arrow_downward

Вы можете использовать это решение, но имейте в виду, что вы не можете использовать слово с пробелом (попробуйте изменить «холст1» на «холст 1»), и вы увидите:

[Bindable] private  var models:Array = ["tasks","users","bugs"];
public function changeViewStackModel():void { 
    //this.modelViewStack.selectedChild=users; //works
//this.modelViewStack.selectedChild="users"; //does not work
//this.modelViewStack.selectedChild=this.modelsCombo.selectedItem; //does not work

    switch(modelsCombo.selectedItem) {
    case "tasks": modelViewStack.selectedChild=tasks; break;
    case "users": modelViewStack.selectedChild=users; break;
    case "bugs": modelViewStack.selectedChild=bugs; break;
    }

}

Код MXML:

<mx:ComboBox id="modelsCombo" dataProvider="{models}" selectedIndex="0"   
    change="changeViewStackModel()"/>
    <mx:ViewStack x="29.25" y="55" id="modelViewStack" width="90%" height="200">
        <mx:Canvas id="tasks" label="Tasks"><mx:Label text="Tasks stack view!!"/>
        </mx:Canvas>
        <mx:Canvas id="users" label="Users"><mx:Label text="Users stack view!!"/>
        </mx:Canvas>
        <mx:Canvas id="bugs" label="Bugs"><mx:Label text="Bugs stack view!!"/>
        </mx:Canvas>
    </mx:ViewStack>
person kaissien    schedule 28.07.2010