Flex TabNavigator页间跳转

最新推荐文章于 2021-03-24 23:54:48 发布

专注挖煤二十年

最新推荐文章于 2021-03-24 23:54:48 发布

阅读量2.7k

点赞数

分类专栏： Flex 文章标签： flex button function each

本文链接：https://blog.csdn.net/xumengxing/article/details/8055018

版权

Flex 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

protected function gotoCustomerDetails():void{
	//法一：通过循环遍历寻找，然后跳转
	for each (var childTab:VBox in tabNav.getChildren()){   
		if(childTab.label == "页面三"){//只是通过标签名字判断.如果一样就直接打开标签.   
			tabNav.selectedIndex = tabNav.getChildIndex(childTab);
		}   
	} 
	//法二：直接跳转
	tabNav.selectedIndex=2;
	
}
<mx:TabNavigator id="tabNav" styleName="TabNavigator" width="100%" height="100%" change="tabNav_changeHandler(event)">
	
	<!--页面一-->
	<mx:VBox label="页面一" width="100%" height="100%">
		<mx:ApplicationControlBar width="100%" styleName="topBar" height="35" paddingTop="5" paddingBottom="5">
			<mx:HBox cornerRadius="5">
				<mx:Label text="数据周期：" styleName="myLabel" fontSize="12"/>
				<calendar:MonthField id="predictMonth" styleName="myCalender" />
				<mx:Button label="查 询" width="66" height="24" styleName="myButton" click="searchClick()"/>
				<mx:Button label="接触偏好分析" width="106" height="24" styleName="myButton" click="gotoChannelPreferences()"/>
				<mx:Button label="客户明细查看" width="106" height="24" styleName="myButton" click="gotoCustomerDetails()"/>
			</mx:HBox>
		</mx:ApplicationControlBar>
		
	</mx:VBox>
	
	
	<!--页面二-->
	<mx:VBox label="页面二" width="100%" height="100%">
		<mx:ApplicationControlBar width="100%" styleName="topBar" height="35" paddingTop="5" paddingBottom="5">
			<mx:HBox cornerRadius="5">
				<mx:Label text="数据周期：" styleName="myLabel" fontSize="12"/>
				<calendar:MonthField id="actionMonth" styleName="myCalender" />
			</mx:HBox>
		</mx:ApplicationControlBar>
	</mx:VBox>
	
	
	<!--页面三-->
	<mx:VBox label="页面三" width="100%" height="100%">
		<mx:ApplicationControlBar width="100%" styleName="topBar" height="70" paddingTop="5" paddingBottom="5">
		</mx:ApplicationControlBar>
		
		
	</mx:VBox>
</mx:TabNavigator>