zoukankan      html  css  js  c++  java
  • 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;
    }


    (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)点击“四季”按钮


  • 相关阅读:
    微软官方Silverlight5新特性完整介绍
    Windows Phone 7外包(承接WP7项目外包 可签合同 长期有效)
    我们为什么要选择Silverlight?(CSDN网友的见解分享大家)【转】
    开博记录02120928
    [转载]在linux下如何制作img的映像文件
    JavaScript中的null和undefined
    年度映像
    25岁毕业,拿一万块钱月薪
    saymedia bug问题
    mxp组件开发及jsfl文件
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314792.html
Copyright © 2011-2022 走看看