项目中为了给客户好点的功能切换体验,想到了用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:'<iframe id="frmmain" name="frmmain" scrolling="auto" frameborder="0" width="100%" height="100%" src="yz/toHandleElectronDocumentList.action"></iframe>',
closable:false,
autoScroll: true
}
]
});
});
分享到:
相关推荐
NULL 博文链接:https://1151461406.iteye.com/blog/2361439
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
主要介绍了Extjs Label的 fieldLabel和html属性值不能对齐的解决方法,需要的朋友可以参考下
100行代码解决ExtJs4.1合并单元格问题
关于ExtJS内存泄漏问题,一直是ExtJS开发人员困扰的问题,这篇文档很好地解释了什么是内存泄漏,为什么会产生内存泄漏。能够帮助程序员使用ExtJS开发出更高效安全的代码。
Extjs grid 中文排序问题修正,其实很简单,请自己看源代码
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
代码如下: //css代码 .x-row-class{ line-height:30px; } //js代码 },{ text: ‘技能分配’, flex: 1, width:150, dataIndex: ‘skillDistribut’, sortable: true, renderer:function(value, metaData, record, ...
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
extjs editgrid 回显问题.rarextjs editgrid 回显问题.rarextjs editgrid 回显问题.rar
包含各种类型的extjs小图标,Extjs4小图标
ExtJs教程视频,下载后txt内为百度云地址及密码,视频包含 easy-ext 白鹤翔 ext4.0视频教程 ExtJS 文字教程 extjs2 dojochina系列 ...浪曦ExtJs,永久有效,所有视频解压密码相同,在文档中有写,如有问题请及时联系我
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
一 Extjs 基础 EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) ...
extjs电子书,extjs电子书,extjs电子书,extjs电子书
extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...