Flex中TabNavigator隐藏和显示选项卡
1、问题背景
遇到这样一个问题:有四个Tab选项卡。依据不同的參数隐藏和显示选项卡
2、实现实例
(1)隐藏“春季”
protected function springClickHandler(event:MouseEvent):void { tabs.getTabAt(0).visible = false; tabs.getTabAt(0).includeInLayout = false; tabs.getTabAt(1).visible = true; tabs.getTabAt(1).includeInLayout = true; tabs.getTabAt(2).visible = true; tabs.getTabAt(2).includeInLayout = true; tabs.getTabAt(3).visible = true; tabs.getTabAt(3).includeInLayout = true; tabs.selectedIndex = 1; }
protected function summerClickHandler(event:MouseEvent):void { tabs.getTabAt(0).visible = true; tabs.getTabAt(0).includeInLayout = true; tabs.getTabAt(1).visible = false; tabs.getTabAt(1).includeInLayout = false; tabs.getTabAt(2).visible = true; tabs.getTabAt(2).includeInLayout = true; tabs.getTabAt(3).visible = true; tabs.getTabAt(3).includeInLayout = true; tabs.selectedIndex = 0; }
(3)隐藏“秋季”
protected function autumnClickHandler(event:MouseEvent):void { tabs.getTabAt(0).visible = true; tabs.getTabAt(0).includeInLayout = true; tabs.getTabAt(1).visible = true; tabs.getTabAt(1).includeInLayout = true; tabs.getTabAt(2).visible = false; tabs.getTabAt(2).includeInLayout = false; tabs.getTabAt(3).visible = true; tabs.getTabAt(3).includeInLayout = true; tabs.selectedIndex = 0; }
protected function winterClickHandler(event:MouseEvent):void { tabs.getTabAt(0).visible = true; tabs.getTabAt(0).includeInLayout = true; tabs.getTabAt(1).visible = true; tabs.getTabAt(1).includeInLayout = true; tabs.getTabAt(2).visible = true; tabs.getTabAt(2).includeInLayout = true; tabs.getTabAt(3).visible = false; tabs.getTabAt(3).includeInLayout = false; tabs.selectedIndex = 0; }
(5)显示“四季”
protected function fourClickHandler(event:MouseEvent):void { tabs.getTabAt(0).visible = true; tabs.getTabAt(0).includeInLayout = true; tabs.getTabAt(1).visible = true; tabs.getTabAt(1).includeInLayout = true; tabs.getTabAt(2).visible = true; tabs.getTabAt(2).includeInLayout = true; tabs.getTabAt(3).visible = true; tabs.getTabAt(3).includeInLayout = true; tabs.selectedIndex = 0; }
(1)初始化
(2)点击“春季”button
(3)点击“夏季”button
(4)点击“秋季”button
(5)点击“冬季”button
(6)点击“四季”button