大家来看啊ext中 tabpanel怎么自动适应高度

问题描述

新手： 新建一个 tabpanel 怎么让其随里面的内容自动适应高度 大家帮忙看看 谢谢了var tabsDemo=new Ext.TabPanel({ renderTo:Ext.getBody(), width:700, height: 300, activeTab:0, frame:true, items:[ { contentEl:"tabOne", title:"自由选择" }, { contentEl:"tabTwo", title:"分组选择" } ] });jsp：<div id="tabOne" class="x-hide-display"> <div id="itemselector" class="demo-ct"></div> </div> <div id="tabTwo" class="x-hide-display"> <div id="items2" class="demo-ct"></div> </div> 问题补充：lizhi92574 写道

解决方案

TabPanel使用的是CardLayout，它会将当前激活的子组件设置为和父容器可视范围一样大。这个行为是避免不了的，但你可以让子组件不受高度控制：autoHeight:true但只是这样的话TabPanel自身的高度还在，可以同样配置autoHeight属性Sample:Ext.getBody().update();var tabsDemo=new Ext.TabPanel({ renderTo:Ext.getBody(), width:700, height: 300, activeTab:0, frame:true, autoHeight:true, items:[ { title:"自由选择", html : "asdfasfas", autoHeight:true }, { title:"分组选择", html : "asdfasfas<br>asjdpfojpoasdf", autoHeight:true } ] });PS：autoHeight的作用是让任何设置在组件上的高度都无效化，使其自己适应。
解决方案二：
你的tabOne和tabTwo有高度么？
解决方案三：
你吧自由选择 添加滚动条，在设置tabOne的边框就能看到效果了。
解决方案四：
把你tabpanel的height去了就可以了
解决方案五：
设置tabOne css width:100%;height:100%

时间： 2024-09-18 15:43:22

大家来看啊ext中 tabpanel怎么自动适应高度的相关文章

如何改变EXT中TabPanel中Tab的Title=&amp;amp;quot;详细说明&amp;amp;quot; 详细说明的颜色

问题描述 <ext:TabPanel ID="TabPanel2" runat="server" ActiveTabIndex="0" Height="300"> <Tabs> <ext:Tab ID="Tab1" runat="server" Title="详细说明"> <Body> </Body> <

ext中tabpanel选项卡的切换效果(显示与隐藏)

例1  代码如下 复制代码 var myTabs = new Ext.TabPanel({     id:'myTabs',     region:'center',       margins:'3 3 3 0',             activeTab: 0,             border: false,       defaults:{autoScroll:true},             items:[                 {layout: 'fit', in

tomcat没有停，但是部署在tomcat中的应用自动停掉了，谁知道怎么解决啊？

问题描述 tomcat没有停,但是部署在tomcat中的应用自动停掉了,谁知道怎么解决啊? 在Linux操作系统上(具体是CentOS),启动了tomcat服务.tomcat里面部署有几个应用,其中一个叫jenkins.这时jenkins是可以访问的.但是过了大概1天左右,再来看时,jenkins无法访问了.再试试8080端口,发现tomcat是好的.这个问题有谁遇到过?怎么解决?有加分哦 解决方案 纠正一下,是tomcat在启动了大概12小时后自动关闭了.这个问题怎么解决?

PHP中实现大图自动缩成小图（及GD库的安装）

PHP中实现大图自动缩成小图(及GD库的安装)UB 2001.10.11 我觉得网络编程与普通编程最大的区别就是,网络编程除了具备普通编程的特性外,还要花很大精力考虑速度的问题.网站上需要很多图片,现在有很多给用户存放照片,图片的"像册"程序,可以让用户自己上传图片,然后自动缩成小图,可以让你在一个页面看到很多小图,然后点击小图看大图.注意:在网页中指定长宽显示图片,只能让图片以小尺寸显示,但是大小(容量)不变(可以看看属性),速度自然很慢.真正的缩图是把大图的大小(容量)变小,就是重

SQLServer中一个多用户自动生成编号的过程

server|sqlserver|过程 SQLServer中一个多用户自动生成编号的过程 if not exists (select * from dbo.sysobjects where id = object_id(N'[IndexTable]') and OBJECTPROPERTY(id, N'IsUserTable') = 1)create table IndexTable(Ex char(20), num integer) go create procedure SetIndex @

Ext中namespace的作用

Ext中在每一个页面中添加一个namespace呢,就像下面的代码: // create namespace Ext.namespace('myNameSpace'); // create application myNameSpace.app = function() { // do NOT access DOM from here; elements don't exist yet // private variables // private functions // public spa

Windows Vista中实现壁纸自动更换

壁纸自动换(Slide Show) 是 Microsoft 出品的一个桌面增强工具,安装后它会集成于"显示属性 "中,你可以指定任意一个包含有你要作为桌面背景图片的文件夹为壁纸自动换的图片目录,在"频 率"选项中可以设定自动更新壁纸的时间,从一秒到一小时或者一个月,以及每次在启动 Windows 系统时 是否自动更换新壁纸全由你做主.当你坐在电脑前学习工作时,由壁纸自动换给你带来的一张张崭新壁纸一定会 带给你轻松愉快的好心情. 使用技巧:安装本软件后在桌面空白处单击

在Word 2010中设置链接自动更新或手动更新

Word 2010文档中的链接更新方式包括"自动更新"和"手动更新"两种方式.如果使用"自动 更新"方式,则在打开包含有链接的Word文档时会提示用户是否使用链接文件中的数据更新本文档,如图2011081803所示 . 图2011081803 提 示用户是否更新链接数据 如果使用"手动更新"方式则不会提示更新链接,而需要用户手动进行更新.用户可以根据需要在Word 2010文档 中设置链接自动更新或手动更新,操作步骤如下所述:

在Word 2007中设置数学公式自动更正

在Word 2007中设置数学公式自动更正 由于数学算数公式运用了很多特殊的运算公式,在输入过程中难免会出现误操作,为了确保输入公式的准确性,可以为公式自定义符号更正,使Word2007能够自动更正公式. (1)单击插入公式的边框,打开"公式工具"选项卡,在"工具"区域启动"公式选项"对话框,打开"公式选项"对话框. (2)在"公式选项"对话框中,单击"数学自动更正"按钮,进入"