Ext 对iframe中的panel进行doLayout

最新推荐文章于 2021-12-24 09:25:23 发布

最新推荐文章于 2021-12-24 09:25:23 发布 · 270 阅读

文章标签：

#EXT

Ext 专栏收录该内容

12 篇文章

订阅专栏

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