Extjs 3.3切换tab隐藏相应工具栏出现空白解决
今天心血来潮,想在切换tabpanel的时候,把相应的工具栏隐藏掉,结果出现空白,先熊板板的空白!
//隐藏
Ext.getCmp('Tab2').tbar.hide();
Ext.getCmp('Tab2').tbar.dom.style.height = '0px';
//显示
Ext.getCmp('Tab2').tbar.show();
Ext.getCmp('Tab2').tbar.dom.style.height = '27px';//高度可以自己定义
搞定,so easy!
相关推荐
-
js 多层叠的TAB选项卡
HTML:多个导航tag加一个放置默认内容div 脚本:以数组的形式给出每个导航对应的html 多层叠TAB选项卡 .nonstop { width:168px; font-size:12px;margin:auto; border:1px solid #cdcdcd; padding:2px; overflow:hidden; } .nonstop span { float:left;_display:inline; cursor:pointer; width:22px; height:14p
-
js实现tab选项卡函数代码
* { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-size: 12px; padding-top: 0px; } BODY { padding-left: 20px; padding-top: 20px; } .wid240 { width: 242px; margin-bottom: 20px; } .wid180 { width: 182px; } .tab { border-b
-
分步解析JavaScript实现tab选项卡自动切换功能
本文分享一个能够实现自动切换的选项卡功能,并给出它的具体实现过程. 关于选项卡大家一定不会陌生,应用非常的频繁,通常选项卡都是需要点击或者划过才能够实现切换. 代码实例如下: <html> <head> <meta charset=" utf-8"> <title>tab切换</title> <style type="text/css"> body,h2,p{ margin:0px; paddi
-
Javascript 自适应高度的Tab选项卡
JS部分具体的代码如下: 复制代码 代码如下: var getSiblingNode=function(className,elAr,el,not){ className=" "+className+" "; var Arr=[]; for(var i=0,l=elAr.length;i<l;i++){ if(elAr[i]!=el&&(elAr[i].nodeType===1)&&(" "+elAr[i].
-
基于jquery的tab切换 js原理
html代码: 复制代码 代码如下: <div class="details"> <ul class="tab"><li class="on" rel="a1"><b>个人资料</b></li><li rel="a2"><b>帐号维护</b></li><li rel="a3
-
一个js的tab切换效果代码[代码分离]
支持自动播放 可定义鼠标事件延迟 不限制html结构 假设HTML如下: 复制代码 代码如下: <ul> <li id="t1">tab1</li> <li id="t2">tab2</li> <li id="t3">tab3</li> </ul> <div id="c1">content1</div> &l
-
一个精简的JS DIV层tab切换代码
DIV层切换 function ChangeDiv(divId,divName,zDivCount) { for(i=0;i 内容一 内容二 内容三 内容部分第一区 内容部分第二区 内容部分第三区 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
纯php打造的tab选项卡效果代码(不用js)
1.根据get判断,获取get生成css 复制代码 代码如下: <style type="text/css"> <?php if(!isset($_GET['city_id'])) { $city_id = 12; } else { $city_id = $_GET['city_id']; } echo '.a'.$city_id.' { color:red; } '; for($i=12;$i<=16;$i++) { if($i != $city_id) {
-
跨浏览器通用、可重用的选项卡tab切换js代码
由于近来学了点js,于是我装逼道...不太难吧...就切一下display属性?同学无视我..说要搞个通用的...什么还要跟ajax交互..???我愣是没有听懂...到底要搞什么...权当作练手,我自己胡弄了一个. 需求:同学口中的通用我不知道神马意思...那我就按自己的理解吧.. ①跨浏览器,IE6+,FF,Chrome,Safari,Opera ②同一个页面可以用同一个js设置不同的选项卡. 说太多没啥米用,来看代码吧. 一.html部分(其实这还没啥好看的,设置了三个,前两个是一样的,通过
-
javascript实现tabs选项卡切换效果(自写原生js)
现在的页面上有许多各种各样的页面效果,常用的有弹出层效果,无缝滚动效果,选项卡切换效果.今天分享一款自己用原生javascript写的选项卡切换效果,由于本人水平有限,如有问题请指出. 效果图如下: html代码: 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-tabs</
-
javascript实现tabs选项卡切换效果(扩展版)
前段时间写了个tabs 选项卡切换效果,今天抽空在原有的基础上进行了扩展,加入了自动轮播,这样就变成了类似图片轮播的效果了. html 代码: 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-tabs</title> <link rel="styleshe
随机推荐
- 在实际例子中学习正则表达式(高效率)
- 图文详解SQL Server 2008 R2安装配置方法
- 数据库管理中文件的使用教程
- ExtJs grid行 右键菜单的两种方法
- JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
- java获取系统路径字体、得到某个目录下的所有文件名、获取当前路径
- 详解jQuery事件
- javascript检测页面是否缩放的小例子
- thinkphp分页集成实例
- JSP实用教程之简易页面编辑器的实现方法(附源码)
- PHP那些琐碎的知识点(整理)
- 用CSS给图片打标的方法
- js代码解密代码第1/2页
- 详解Linux误删用户家目录的恢复方法
- 基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
- js 右侧浮动层效果实现代码(跟随滚动)
- LoadUserProfile 调用因下列错误而宣告失败: 拒绝访问的常见解决方法
- C#判断某程序是否运行的方法
- Android实现webview实例代码
- DevExpress实现GridControl根据列选中一行