Flex中TabNavigator隱藏和顯示選項卡
阿新 • • 發佈:2017-07-15
pro ble 點擊 plain bat summer microsoft _id lai
(3)隱藏“秋季”
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
Flex中TabNavigator隱藏和顯示選項卡