需求:
有时候Window 内容过多无法显示,奈何只能限制与iframe 中
解决思路:
1、先让iframe 先全屏再让window 全屏
兼容缺陷:
支持到Ext3.4.1
firefox chrome 需要修改 iframe 所有父节点 postion 的positon 样式,有可能导致父标签样式显示异常
优点:
完美支持IE
代码如下
Ext.ns('Ext.ui'); /* * @config src // iframe url @config firameId // iframe ID @public method * {htmlElement getIframe(void)} */ Ext.ui.BreakWindow = Ext.extend(Ext.Window, { initComponent : function() { this.on("hide", this.restoreMax, this); Ext.ui.BreakWindow.superclass.initComponent.apply(this, arguments); }, maximized : true, restoreMax : function() { if (this.iframeEl) { var el = this.iframeEl; var config = this.restoreConfig; if (config) { this.restoreRelativeParentNode(); el.applyStyles({ position : config.position, "z-index" : config['z-index'] }); el.setSize(config.width, config.height); } } }, staticRelativeParentNode : function() { var pwin = window.parent; var Ext = pwin.Ext; if (this.isLowIE()) { if (this.restoreConfig.parentNode != Ext.getBody().dom) { Ext.getBody().dom.appendChild(this.iframeEl.dom); } return; } var start = this.iframeEl.dom.parentNode; var rNodes = []; this.rNodes = rNodes; var el; while (start) { el = Ext.get(start); if (el.getStyle("position") != "static") { rNodes.push({ id : el.id, position : el.getStyle("position") }); el.setStyle("position", "static"); } start = start.parentNode; if (start.tagName == 'BODY') { break; } } }, restoreRelativeParentNode : function() { var pwin = window.parent; var Ext = pwin.Ext; if (this.isLowIE()) { if (this.restoreConfig.parentNode != Ext.getBody().dom) { this.restoreConfig.parentNode.appendChild(this.iframeEl.dom); } return; } var rNodes = this.rNodes; for (var i = 0; i < rNodes.length; i++) { Ext.get(rNodes[i].id).setStyle("position", rNodes[i].position); } // console.dir(parent.document.getElementsByTagName("iframe")); }, isLowIE : function() { return Ext.isIE && !Ext.isIE10; }, show : function() { var superShow = Ext.ui.BreakWindow.superclass.show; var win = window; var me = this; if (win.parent) { var pwin = window.parent; var iframes = pwin.document.getElementsByTagName("iframe"); var iframe for (var i = 0; i < iframes.length; i++) { if (iframes[i].contentWindow.location.href === win.location.href) { iframe = iframes[i]; } } if (iframe) { var D = pwin.Ext.lib.Dom; var w = D.getViewWidth(), h = D.getViewHeight(); var el = pwin.Ext.get(iframe); this.iframeEl = el; this.restoreConfig = { width : el.getWidth(), height : el.getHeight(), position : el.getStyle("position"), "z-index" : el.getStyle("z-index"), parentNode : el.dom.parentNode }; this.staticRelativeParentNode(); el.applyStyles({ position : 'absolute', top : 0, left : 0, "background-color" : 'white', "z-index" : 2000 }); el.setSize(w, h); superShow.apply(this, arguments); } } else { superShow.apply(this, arguments); } } }); Ext.reg('breakwindow', Ext.ui.BreakWindow);
相关推荐
从右下角动态弹出window,显示1分钟后自动隐藏,然后再弹出,类似MSN登录提醒。
Ext_Window用法
ext 模拟window界面 表格 qq 地图
Ext.Window 通过DIV布局,通过DIV填充window内容,带Ext所需文件。
一个简单的Ext.Window中插入图片的例子,让您轻松掌握在Ext.Window中插入图片(照片)。
NULL 博文链接:https://zhcl321.iteye.com/blog/1317543
Ext.Panel API翻译 -------Window属性
Ext.window的一个扩展组件SuperWin.js.可灵活自主随意定位,和显示模式;
EasyExt_003_第一个组件Ext.Window EasyExt_003_第一个组件Ext.Window
ext2.0MessageBox,JS弹出窗口
EXT弹出框改装实现
NULL 博文链接:https://oppovaan.iteye.com/blog/627655
EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT...
ext.net gridpanel 弹出窗
extjs window的练习 主要介绍下window的主要的配置项,主要的方法和windowGroup
asdext extext extext extext extext extext extext extext extext extext extext extext extext extext ext
可以读写Ext2,以Ext2方式挂载Ext3文件系统(不支持Ext3日志),不支持中文! It provides Windows NT4.0/2000/XP/2003/Vista/2008 with full access to Linux Ext2 volumes (read access andwrite access). This ...
Ext的环境搭建和最基本的一个操作——弹出对话框
ext资料 ext资料 ext资料 ext资料 ext资料
包含一个ext4的源代码,还有两个模拟ext运行原理的的代码。