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)点击“四季”按钮
Flex中TabNavigator隐藏和显示选项卡的更多相关文章
- angularJs中的隐藏和显示
<!DOCTYPE html> <html ng-app="a2_12"> <head> <meta charset="utf- ...
- 【转】listView中,checkBox的显示和隐藏
原文网址:http://www.cnblogs.com/vicma/p/3460500.html 在listView中,每个item都有一个ChexBox,当显示的时候在listView外面设置一个按 ...
- JavaScript中如何给按钮设置隐藏与显示属性
*/ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.html * 作者:常轩 * 微信公众号:Worldh ...
- 【jquery隐藏、显示事件and提示callback】【淡入淡出fadeToggle】【滑入滑出slideToggle】【动画animate】【停止动画stop】
1.jquery隐藏and显示事件 $("p").hide(); //隐藏事件$("p").hide(1000); //1秒内缓慢隐藏$(" ...
- Flex中容器的完全隐藏
在html中,但我们设置某个dom元素的display属性为none时,dom元素不可见且其占用空间从dom树上隐藏,而在Flex中,但我们把某个组件的visible属性visible设为false的 ...
- Flex中如何通过showAllDataTips属性使鼠标移动到图表时显示所有的数据Tips的例子
原文 http://blog.minidx.com/2008/11/10/1616.html 接下来的例子演示了Flex中如何通过showAllDataTips属性,使鼠标移动到图表时显示所有的数据T ...
- Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子
原文 http://blog.minidx.com/2008/11/27/1652.html 接下来的例子演示了Flex中如何通过设置GridLines对象的horizontalAlternateFi ...
- C# 如何隐藏或显示工作表中的网格线
我们知道Excel中有许多虚线形式的网格线,它们用于区分Excel工作表中的单元格.有了网格线,读者可以轻松地查看和核对工作表中的数据.Excel工作表中,网格线是默认存在的,但我们可以根据自身的需求 ...
- Android中系统键盘的自动弹出、隐藏和显示
一.需求 在开发Android app过程中经常用到EditText,需要在界面加载完成后自动弹出系统键盘,更希望可以控制键盘的隐藏和显示,本文介绍其实现方法. 二.系统键盘的自动弹出 @Overri ...
随机推荐
- Java程序只运行一个实例[转]
如果希望你的Java程序只能存在一个实例,可以参考下面的用法. 原文链接:http://blog.csdn.net/yaerfeng/article/details/7264729 Java没有提供这 ...
- vue1.0中$index一直报错的解决办法
原文链接:https://www.cnblogs.com/liqiong-web/p/8144925.html 看学习视频,因为年份比较早了,其实vue早已迭代到vue2.0了,遇到一些问题: v-f ...
- json和xml的两者区别
服务器端返回给客户端的数据一般都是JSON格式,JSON数据以键值的形式保存,数据之间以逗号分隔,{}表示对象,[]表示数组.JSON数据解析方案有四种,JSONKit,SBJson,TouchJso ...
- SUSE-11 本地 zypper 配置
配置本地 zypper 目的: 安装 SUSE-11 后想要再添加或删除软件组件将比较麻烦.通过配置本地 zypper 将可以从下载的软件仓库(repository)中安装软件包. 本地 zypp ...
- OpenCV角点检测源代码分析(Harris和ShiTomasi角点)
OpenCV中常用的角点检测为Harris角点和ShiTomasi角点. 以OpenCV源代码文件 .\opencv\sources\samples\cpp\tutorial_code\Trackin ...
- zabbix安装步骤
第一步:安装环境 Zabbix要求的环境 组件 版本要求 Apache版本 1 .3.1 2 MySQL版本 5.0.3 PHP版本 5.4.0 本次安装的环境 组件 版本要求 操作系统 CentOS ...
- img alt与title的区别
前端 alt是图片加载不出来时候,对图片的文本替代 title 是鼠标放在图片上时,对图片的进一步说明 seo 搜索引擎对图片意思的理解主要靠 alt
- 获取对象属性类型、属性名称、属性值的研究:反射和JEXL解析引擎
同步发布:http://www.yuanrengu.com/index.php/20170511.html 先简单介绍下反射的概念:java反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所 ...
- python爬虫循环导入MySql数据库
1.开发环境 操作系统:win10 Python 版本:Python 3.5.2 MySQL:5.5.53 2.用到的模块 没有的话使用pip进行安装:pip install xxx ...
- chromedriver与chrome版本映射表(最新)
selenium想在chrome进行跑,前提需要下载chromedriver,以下整理了chromedriver与chrome的对应关系表 chromedriver(下载地址):http://chro ...