ExtJS4新发现03_window 随浏览器大小变化而变化

简介:
var win = new Ext.Window({ 
      modal : true, 
      title : "Ext-Window", 
      maximizable : true, 
      monitorResize:true, 
      draggable:false, // 禁止移动 
       resizable : false, 
      maximizable:false, // 禁止最大化 
       layout : 'fit', 
      plain:true, 
      buttonAlign : 'right', 
      listeners:{ 
        close:function(w){ 
          w.container.removeClass("x-window-maximized-ct"); //显示滚动条 
          w.restore(); // 关闭窗口前先还原,滚动条才不会消失 
         }, 
        maximize:function(w){ 
        //最大化后需要将窗口重新定位,否则窗口会从最顶端开始最大化 
         w.setPosition (document.body.scrollLeft,document.body.scrollTop); 
  } 

}); 
win.show(); 
win.container.addClass('x-window-maximized-ct'); // 隐藏浏览器滚动条 

win.setPosition(0, 0); 
win.fitContainer(); // 填充满浏览器 


Ext.EventManager.onWindowResize(function(a,b){ 
var win = Ext.getCmp("window"); 
if(win == undefined){ 
    return; 

win.setPosition(0, 0); 
        win.fitContainer(); 

}); 











本文转自yunlielai51CTO博客,原文链接:http://blog.51cto.com/4925054/1281278,如需转载请自行联系原作者

相关文章
|
17天前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
25 1
|
4月前
|
JavaScript
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
|
4月前
|
Web App开发 移动开发 JavaScript
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
|
4月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
28 1
|
移动开发 前端开发 HTML5
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题
189 0
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题
JS 调整浏览器窗口大小事件
JS 调整浏览器窗口大小事件
JS  调整浏览器窗口大小事件
|
Web App开发 JavaScript 前端开发
Javascript 浏览器窗口可视区域大小
Javascript 浏览器窗口可视区域大小
97 0
|
JavaScript 开发者
jQuery_浏览器事件、文档加载事件|学习笔记
快速学习 jQuery_浏览器事件、文档加载事件
275 0
jQuery_浏览器事件、文档加载事件|学习笔记
|
Web App开发 编解码 iOS开发
浏览器环境 - window 对象 - 属性介绍
本文介绍 window 对象为数不多的几个属性值:origin、name、status 设备高宽像素比等。着重介绍 name 属性的由来、用处,尤其是其在跨域当中的作用。
1528 0
|
JavaScript
jQuery处理元素和浏览器窗口的尺寸
jQuery 尺寸 通过 jQuery,很容易处理元素和浏览器窗口的尺寸。 jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth() outerHeight() image.png 元素的宽高 width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
1098 0