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


  • 相关阅读:
    docker compose 配置 redis cluster jenkins
    Spring Core
    Java Case Interview two
    pytest 生成 allure报告(含4要素的对应版本,兼容)
    python中requests库的post请求 4种类型参数
    接口测试流程
    Docker学习篇 搭建jenkins
    Pytest入门 实例
    python selenium css定位6种
    python selenium select标签的下拉框和非select标签的下拉框
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314792.html
Copyright © 2011-2022 走看看