Flex中TabNavigator隐藏和显示选项卡
2014-10-28 23:49
357 查看
1、问题背景
遇到这样一个问题:有四个Tab选项卡,根据不同的参数隐藏和显示选项卡
2、实现实例
(1)隐藏“春季”
(2)隐藏“夏季”
(3)隐藏“秋季”
(4)隐藏“冬季”
(5)显示“四季”
3、实例结果
(1)初始化
(2)点击“春季”按钮
(3)点击“夏季”按钮
(4)点击“秋季”按钮
(5)点击“冬季”按钮
(6)点击“四季”按钮
遇到这样一个问题:有四个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; }
(2)隐藏“夏季”
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; }
(4)隐藏“冬季”
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; }
3、实例结果
(1)初始化
(2)点击“春季”按钮
(3)点击“夏季”按钮
(4)点击“秋季”按钮
(5)点击“冬季”按钮
(6)点击“四季”按钮
相关文章推荐
- Flex中TabNavigator隐藏和显示选项卡
- Flex中TabNavigator隐藏和显示选项卡
- Flex中TabNavigator隐藏和显示选项卡
- Flex SuperTabNavigator Tab标签图片不显示或图片显示不完全
- JavaScript小工具--TAB选项卡切换隐藏显示动画效果
- react-native-tab-navigator 拓展 - 隐藏和显示底部导航
- C# TabControl 不显示选项卡标题
- 解决用JavaScript隐藏再显示Flex后不能正常使用问题
- Flex的TabNavigator中tab触发的事件
- Flex4 关于TabNavigator 内部控件的初始化延迟问题!
- Flex之TabNavigator
- Flex中如何利用tabStyleName, firstTabStyleName, lastTabStyleName和selectedTabTextStyleName样式定制自己的TabNavigator的例子
- Flex中如何通过paddingTop样式设置TabNavigator控件内容与Tabs间距离的例子
- NavigatorContent visible 显示 隐藏
- 设置TabNavigator的选项卡样式
- flex TabNavigator 切换之前给出提示
- Tab的切换问题:Tab的显示和隐藏
- flex TabNavigator 切换之前给出提示
- javascript+css 新闻显示tab 选项卡效果
- Flex的TabNavigator中tab触发的事件