`
fireinjava
  • 浏览: 480582 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

Ext 对iframe中的panel进行doLayout

    博客分类:
  • Ext
EXT 
阅读更多

问题描述如: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]
					})
		});

 

1
0
分享到:
评论

相关推荐

    Extjs自动最大化panel

    在EXTJS中,"Extjs自动最大化panel"是一种高级布局技术,它允许用户创建一个能够自动适应并填充其容器的面板(Panel)。这种特性对于构建响应式和自适应的用户界面至关重要,尤其在现代Web应用中,用户期望界面能够...

    extJs中关于formPanel动态添加组件的验证问题

    因此,我们需要在添加字段后,调用`doLayout`方法更新布局,并且需要对新字段执行以下操作: 1. **设置验证规则**:为新添加的字段指定验证规则,这通常通过`field.setValidator()`方法完成,传入一个函数作为验证...

    EXT动态新增一行

    在EXT中,"动态新增一行"是指在表格或者布局中,通过用户操作(比如点击按钮)来动态地添加新的行元素,这些元素可以是文本框、下拉框等交互组件。 EXT中的Column Layout是一种布局方式,适用于创建网格或表格形式...

    Extjs4 API文档阅读(三)——布局和容器

    在Ext JS中,`Panel`是最常见的容器之一。以下是一个简单的示例,展示了如何创建一个包含两个子`Panel`的`Panel`容器: ```javascript Ext.create('Ext.panel.Panel', { renderTo: Ext.getBody(), width: 400, ...

    ExtJs 动态添加表单

    这些字段可以通过`Ext.form.field.Field`基类进行扩展,每个字段都有其特定的配置选项和行为。 动态添加表单通常涉及以下几个步骤: 1. **创建表单容器**: 在ExtJS中,我们可以使用`Ext.container.Container`类...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid,其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    Java继承JPanel实现自适应布局的面板

    在`AutojustChildPanel`中,可能重写了`JPanel`的`reshape`、`doLayout`或`validate`方法,以确保在尺寸改变时能正确处理组件的布局。 自适应布局的关键在于当窗口或容器的大小发生变化时,能够动态地重新计算和...

    Ext JS Grid在IE6 下宽度的问题解决方法

    在这个方法中,我们首先获取父容器的尺寸,然后调用父类的doLayout方法,以此来确保Grid能够根据父容器的尺寸进行正确的布局计算。 通过上述两种方法的调整,可以有效地解决Ext JS Grid在IE6浏览器下自动宽度计算不...

    关于ExtJS的工具栏动态添加按钮(从后台数据库读取信息).doc

    在ExtJS中,工具栏是`Ext.toolbar.Toolbar`类的一个实例。你可以通过定义一个配置对象来创建它,其中包含一个按钮数组,每个按钮都是一个包含按钮属性的对象。例如: ```javascript var toolbar = Ext.create('Ext....

    ExtAspNet_v2.3.2_dll

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid,其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    FormPanel的插入与删除

    在Web开发中,FormPanel是ExtJS库中的一个关键组件,用于创建表单来收集用户输入的数据。这篇博客“FormPanel的插入与删除”显然探讨了如何在FormPanel中动态添加和移除字段,这对于构建可扩展和动态的用户界面至关...

    jQuery EasyUI 1.4 离线简体中文API文档

    panel:添加“doLayout”方法 用于控制面板内组件的大小; panel:添加“clear”方法 用于清除面板内的内容; datagrid:允许用户设置百分比宽度的列(该功能真是千呼万唤始出来啊 ); form:添加“ajax” ...

    jQuery EasyUI 1.4 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    并且会对这些插件做一些简单的Demo实现 存放到配套提供的程序包demo文件夹下 以便大家学习和使用 本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了 这些扩展的demo在附带的程序包中已经提供...

    JAVA的JTable常用方法[借鉴].pdf

    `setValueAt`方法覆盖了默认行为,使得在表格中输入时可以进行特定的处理,比如限制输入的最大字符数。 总的来说,这段代码展示了如何创建和定制`JTable`,以及如何将其嵌入到GUI中,提供用户友好的数据查看和交互...

    umy-ui封装,支持虚拟加载

    本文将重点介绍“umy-ui”这个特定的UI框架,特别是它对虚拟加载的支持,以及如何在Vue2项目中实现虚拟列表。 umy-ui是一个专门针对Vue.js开发的组件库,旨在提供简洁、易用且高效的UI组件。它不仅包含了常见的如...

    瀑布布局QFlowLayout

    - `doLayout()`: 这是实际进行布局计算和放置控件的方法,需要根据方向和可用空间调整控件的位置。 - `count()`: 返回布局中的控件数量。 - `itemAt()`: 根据索引获取布局中的QLayoutItem。 - `geometry()`: ...

    TabLayout使用方法详解

    使用非常方便,Android Studio只需要在gradle中引入即可使用 . compile 'com.android.support:design:23.3.0' TabLayout即可以单独使用,也可以配合ViewPager来使用. 先来看看单独使用的Demo,实现如下图的效果: ...

    springBoot整合kafka和elasticSearch,实现批量拉取日志以及批量更新到es里

    在`bulkSaveToEs`方法中,我们使用Elasticsearch的Bulk API进行批量保存,这能显著提高插入效率。`parseLog`方法根据实际日志格式解析并转换日志数据。 为了实现“百万日志秒处理”的目标,我们需要注意优化以下几...

    Extjs3.0 checkboxGroup 动态添加item实现思路

    这段文字中提供了具体的实现代码,通过一个数组unitColumns收集动态数据并构建CheckboxGroup需要的item数据结构,然后创建一个新的CheckboxGroup实例,并将其添加到页面的特定容器(Ext_cmp.OptionsSet)中。...

Global site tag (gtag.js) - Google Analytics