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 ...
随机推荐
- CentOS 6.3 SSH连接时很慢的解决方法
SSH的配置文件,默认开启了DNS反向解析,这使得处于同一个局域网下的终端,在SSH到服务器的时候异常缓慢,如果从是外网SSH到服务器的话,速度则是正常的.我们只需要关闭DNS反向解析即可. 修改/e ...
- 移动端的弹窗滚动禁止body滚动
前言 最近一个需求是弹窗展示列表,显然是需要一个滚动条的,而滚动到底部就会穿透到body滚动,而阻止默认行为是不行的,这样两个都滑动不了 所以我在点击出现弹窗的时候在body加了以下css让它没有滚动 ...
- Linux history命令
history命令主要用于显示历史命令, 重新执行历史命令. Linux系统当你在shell(控制台)中输入并执行命令时,shell会自动把你的命令记录到历史列表中,一般保存在用户目录下的.bash_ ...
- 蛋疼的_after_insert
这两天在做一个素材类的网站,用的依旧是TP3.2,在做到发布话题这部分的时候,发现了一个问题,我在添加话题的时候在模型里写了个钩子函数_after_insert(),希望在新增话题数据之后同时将话题的 ...
- Linux expect自动登录ssh,ftp
[http://blog.51yip.com/linux/1462.html#] #!/usr/bin/expect -f set ip 192.168.1.201 set password meim ...
- CentOS利用Nginx+Docker部署.netcore应用
安装docker 官方文档https://docs.docker.com/engine/installation/linux/docker-ce/centos/ [root@sn ~]# yum re ...
- Java经典编程题50道之三十二
取一个整数a从右端开始的4-7位. public class Example32 { public static void main(String[] args) { cut(12 ...
- Java导出freemarker实现下载word文档格式功能
首先呢,先说一下制作freemarker模板步骤, 1. 在WPS上写出所要的下载的word格式当做模板 2. 把模板内不固定的内容(例:从数据库读取的信息)写成123或者好代替的文字标注 3. 把固 ...
- 在mac上安装Docker
1.进入一下地址进行下载docker https://download.docker.com/mac/stable/Docker.dmg 进入后进行下载后进行安装 2.将其拖动到Appliaction ...
- PHP 支持加解密的函数
function encrypt($string,$operation,$key=''){ $key=md5($key); $key_length=strlen($key); $string=$ope ...