Flex: ComboBox value -> ViewStack id=

My goal is to not have to use a switch statement… and therefore be as dynamic as possible…


	[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>

Any ideas? I’ve been trying to figure this out for a long time!