问题描述如:http://www.iteye.com/problems/37452
解决代码就是给iframe页面中的panel添加个id:'PanelLayout',Tabpanel切换时查找iframe然后用Ext.getCmp('PanelLayout').doLayout();
主要代码:
Ext.onReady(function() {
tabs = new Ext.TabPanel({
enableTabScroll : true
});
tabs.on('tabchange',function(tp,p){
var frames=Ext.select('iframe');
frames.each(function(item){
var temp = item.dom.contentWindow;
if(temp&&!Ext.isEmpty(temp.Ext)&&!Ext.isEmpty(temp.Ext.get('PanelLayout')))
temp.Ext.getCmp('PanelLayout').doLayout();
});
});
addTab = function(title, url) {
tabs.add({
title : title,
iconCls : 'tabs',
contentEl : Ext.DomHelper.append(document.body, {
tag : 'iframe',
style : "border 0px none;scrollbar:true",
src : url,
height : "100%",
width : "100%"
})
}).show();
}
new Ext.Viewport({
layout : 'fit',
items : [tabs]
})
});
分享到:
相关推荐
-修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid,其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...
} 2、在grid中加入下面代码: 代码如下:monitorResize: true, doLayout: function() { this.setSize(Ext.get(this.getEl().dom[removed]).getSize(true)); Ext.grid.GridPanel.prototype.doLayout.call(this
-修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid,其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...
panel:添加“doLayout”方法 用于控制面板内组件的大小; panel:添加“clear”方法 用于清除面板内的内容; datagrid:允许用户设置百分比宽度的列(该功能真是千呼万唤始出来啊 ); form:添加“ajax” ...
并且会对这些插件做一些简单的Demo实现 存放到配套提供的程序包demo文件夹下 以便大家学习和使用 本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了 这些扩展的demo在附带的程序包中已经提供...
使用非常方便,Android Studio只需要在gradle中引入即可使用 . compile 'com.android.support:design:23.3.0' TabLayout即可以单独使用,也可以配合ViewPager来使用. 先来看看单独使用的Demo,实现如下图的效果: ...
TypeScript 程序设计教学PPT,从基础到实践,一步一步的引入,最后会实战开发一个小游戏,下载地址:https://gitee.com/dolayout/Snake-for-TypeScript,让更多的朋友了解并掌握TypeScript,体会TypeScript更多的...
对应用程序进行日志 - 139 - 配置日志级别 - 140 - 生产配置 - 140 - 21.管理多环境下的application.conf - 140 - 框架id(framework ID) - 141 - 从命令行设置框架id - 142 - 22.生产部署 - 142 - application.conf ...
对应用程序进行日志 - 139 - 配置日志级别 - 140 - 生产配置 - 140 - 21.管理多环境下的application.conf - 140 - 框架id(framework ID) - 141 - 从命令行设置框架id - 142 - 22.生产部署 - 142 - application.conf ...
FastApp ... 安装 npm install fastapp 特征 符合 Web rooter。 使用#{ code /}标记命令标签 ... doLayout _:插入子模板的内容。 扩展名_:定义此模板的父级(请参见)。 #{set title,'MyPage' /} #