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 ...
随机推荐
- React入门教程
做前端的人都知道,目前热门前端的框架是 VAR => Vue,Anglur,React. 而如果说最热门的前端框架是谁,毫无悬念是 React React 是由 Facebook 主导开发的一个 ...
- 机器学习01:使用scikit-learn的线性回归预测Google股票
这是机器学习系列的第一篇文章. 本文将使用Python及scikit-learn的线性回归预测Google的股票走势.请千万别期望这个示例能够让你成为股票高手.下面按逐步介绍如何进行实践. 准备数据 ...
- (转)Elasticsearch 5 Ik+pinyin分词配置详解
今天以这篇文章结束同城旅游网的面试,正好面试官也问到站内检索,可以尝试一下这篇文章介绍的方法.Elasticsearch 5 Ik+pinyin分词配置详解
- JDBC【PreparedStatment、批处理、处理二进制、自动主键、调用存储过程、函数】
1.PreparedStatement对象 PreparedStatement对象继承Statement对象,它比Statement对象更强大,使用起来更简单 Statement对象编译SQL语句时, ...
- 为Android添加JNI支持
起因 今天在进行Android原生开发时,需要通过JNI调用C++代码实现一些处理.以前没有做过类似的东西,在网上找了很久才解决问题,特记录下来以便以后翻阅. Eclipse无cygwin编译so的方 ...
- 乞丐版servlet容器第1篇
本系列参照pkpk1234大神的BeggarServletContainer,具体请访问:https://github.com/pkpk1234/BeggarServletContainer. 一步一 ...
- Hadoop源码学习之HDFS(一)
Hadoop的HDFS可以分为NameNode与DataNode,NameNode存储所有DataNode中数据的元数据信息.而DataNode负责存储真正的数据(数据块)信息以及数据块的ID. Na ...
- Linux中的 awk查找日志中的相关记录
假设要在 api.log.201707201830 文件中,(此文件的多个字段数据以不可见字符^A(键盘上按下Ctrl+V+A)分隔),要输出第70个字段: awk -F '^A' '{print $ ...
- Linux 安装配置 FTP 服务 (vsftpd)
1. 安装 vsftpd yum install vsftpd -y 2. 创建用户 record adduser -s /bin/nologin -d /var/RecordFile/ record ...
- fiddler 抓取 nodejs
nodejs 代理指向 fiddler var options = { ........ }; options.path = 'http://' + options.host + ...