extjs tablepanel 高度自适应问题
项目中为了给客户好点的功能切换体验,想到了用extjs的tabpanel
在页面中用了tabpanel后,高度新打开的tab页的iframe 的高度总是出现无法填满页面的情况
于是被迫给tabpanel指定了高度,为了达到自适应的效果用了
document.body.clientWidth
document.body.clientHeight
代码如下:
Ext.onReady(function() {
Ext.BLANK_IMAGE_URL = 'script/extjs/resources/images/default/s.gif';
Ext.QuickTips.init();
scrollerMenu = new Ext.ux.TabScrollerMenu({
maxText : 15,
pageSize : 5
});
panel = new Ext.TabPanel({
applyTo:document.body,
enableTabScroll:true,
activeTab:0,
resizeTabs:true,
layoutOnTabChange:true,
height:document.body.clientHeight,
plugins:['tabclosemenu',scrollerMenu],
defaults: {autoScroll:true},
items:[{
id: 'testPanel',
iconCls: 'new-tab',
title: '首页',
html:'',
closable:false,
autoScroll: true
}
]
});
});
iOS开发之多种Cell高度自适应实现方案的UI流畅度分析
本篇博客的主题是关于UI操作流畅度优化的一篇博客,我们以TableView中填充多个根据内容自适应高度的Cell来作为本篇博客的使用场景.当然Cell高度的自适应网上的解决方案是铺天盖地呢,今天我们的 ...
iframe高度自适应(同域)
今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码: function SetCwinHeight(){ var iframeid = document.getElemen ...
div仿textarea使高度自适应
今天真的有些无语,在百度上找了很多关于textarea和input高度自适应的代码,并且考虑到了要判断textarea的滚动条,从而动态改变它的高度,直到我搜索了这个让我目瞪狗呆的办法……
【代码笔记】iOS-UILable高度自适应(sizeWithFont)
一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. ...
[转载]跨域iframe高度自适应
场景: 经常会有这样的需求,跟外部合作伙伴合作,要嵌入别人的页面,这时候就需要高度自适应了,在这种跨域的情况下如何解决呢? 解决: 在iframe(合作伙伴的页面,称为P页面)中创建一个隐藏的ifra ...
css经典布局——头尾固定高度中间高度自适应布局
转载:穆乙 http://www.cnblogs.com/pigtail/ 相信做过后台管理界面的同学,都非常清楚这个布局.最直观的方式是框架这个我不想多写费话,因为我们的重心不在这里.如果有不了解的 ...
让动态的 iframe 内容高度自适应
使用iframe加载其他页面的时候,需要自适应iframe的高度 这里加载了两个不同内容高度的页面至iframe中 1. 没有设置高度