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 虚拟机--新生代与老年代GC [转]
原文链接:http://www.360doc.com/content/12/1023/16/9615799_243296263.shtml 1. Java堆中各代分布: 图1:Java堆中各代分布 Y ...
- Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x
原文链接:http://blog.csdn.net/m0_37754657/article/details/71269988 由于vue版本为1.0,没有一些vue-router指令:因而需要vue- ...
- 【WC2013】糖果公园 [树上莫队]
题意: 一棵树,修改一个点的颜色,询问两点路径上每种颜色的权值$val[c]$*出现次数的权值$cou[w[c]]$的和 sro VFK 树上莫队 按照王室联邦的方法分块,块的大小直径个数有保证,并不 ...
- HDU 4372 Count the Buildings [第一类斯特林数]
有n(<=2000)栋楼排成一排,高度恰好是1至n且两两不同.现在从左侧看能看到f栋,从右边看能看到b栋,问有多少种可能方案. T组数据, (T<=100000) 自己只想出了用DP搞 发 ...
- JAVA 二进制基础
主要内容 1.十进制二进制互转 2.二进制的位运算 3.JDK内置的进制转换 4.JAVA中的进制 十进制二进制互转 57 111001 二进制的位运算:优点:特定情况下,计算方便,被支持面广泛. ① ...
- Java实现单链表的快速排序和归并排序
本文描述了LeetCode 148题 sort-list 的解法. 题目描述如下: Sort a linked list in O(n log n) time using constant space ...
- fiddler 抓取 nodejs
nodejs 代理指向 fiddler var options = { ........ }; options.path = 'http://' + options.host + ...
- 【深度学习系列】用PaddlePaddle进行车牌识别(一)
小伙伴们,终于到了实战部分了!今天给大家带来的项目是用PaddlePaddle进行车牌识别.车牌识别其实属于比较常见的图像识别的项目了,目前也属于比较成熟的应用,大多数老牌厂家能做到准确率99%+.传 ...
- Android查缺补漏(IPC篇)-- Bundle、文件共享、ContentProvider、Messenger四种进程间通讯介绍
本文作者:CodingBlock 文章链接:http://www.cnblogs.com/codingblock/p/8387752.html 进程间通讯篇系列文章目录: Android查缺补漏(IP ...
- GNU autotools自动生成Makefile 介绍
一.目的 使用autotools工具来帮助我们自动地生成符合自由软件惯例的makefile(这样就可以像常见的GNU程序一样,只要使用"./configure", "ma ...