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!
相关推荐
-
javascript实现tabs选项卡切换效果(扩展版)
前段时间写了个tabs 选项卡切换效果,今天抽空在原有的基础上进行了扩展,加入了自动轮播,这样就变成了类似图片轮播的效果了. html 代码: 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-tabs</title> <link rel="styleshe
-
基于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 多层叠的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
-
纯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) {
-
分步解析JavaScript实现tab选项卡自动切换功能
本文分享一个能够实现自动切换的选项卡功能,并给出它的具体实现过程. 关于选项卡大家一定不会陌生,应用非常的频繁,通常选项卡都是需要点击或者划过才能够实现切换. 代码实例如下: <html> <head> <meta charset=" utf-8"> <title>tab切换</title> <style type="text/css"> body,h2,p{ margin:0px; paddi
-
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
-
跨浏览器通用、可重用的选项卡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</
-
一个精简的JS DIV层tab切换代码
DIV层切换 function ChangeDiv(divId,divName,zDivCount) { for(i=0;i 内容一 内容二 内容三 内容部分第一区 内容部分第二区 内容部分第三区 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
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].
随机推荐
- iOS实现背景高斯模糊效果
- 让JavaScript的Alert弹出框失效的方法禁止弹出警告框
- JavaScript实现数组降维详解
- 如何在线更改密码?
- Android App中读取XML与JSON格式数据的基本方法示例
- WinGate和Internet连接共享的配合使用方法
- VBS教程:VBScript 基础-VBScript编码约定
- js 正则表达式 验证 a/b/c 格式的类型数据
- java自定义拦截器用法实例
- 深入探讨javascript函数式编程
- JS读取cookies信息(记录用户名)
- C#中File类的文件操作方法详解
- Android布局之RelativeLayout相对布局
- Mysql 开启Federated引擎的方法
- 自动重启服务的shell脚本代码
- jquery判断输入密码两次是否相等
- PHP批量修改文件名称的方法分析
- jQuery判断元素上是否绑定了指定事件的方法
- 常用的所有的Action
- asp.net 设置GridView的选中行