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)点击“春季”button



    (3)点击“夏季”button



    (4)点击“秋季”button



    (5)点击“冬季”button



    (6)点击“四季”button


  • 相关阅读:
    phpcms调用指定文章内容模型的ID
    phpcms V9的各种功能总结
    如何使用ajax与php实现简单的流程管理
    键盘按键和键盘对应代码表
    ajax实现省、市、区、三级联动(例题)
    用ajax做登录与删除
    var_dump、echo、print_r 的区别
    字符串删除重复字符
    树的非递归遍历
    字符串操作_(不使用库函数)
  • 原文地址:https://www.cnblogs.com/clnchanpin/p/7172411.html
Copyright © 2011-2022 走看看