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,如需转载请自行联系原作者

相关文章
|
1月前
|
Web App开发 JavaScript 前端开发
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型
22 2
|
Web App开发 JavaScript 前端开发
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型
|
Web App开发 存储 JavaScript
window 系统里 chrome 浏览器一些实用的调试技巧2
window 系统里 chrome 浏览器一些实用的调试技巧
159 0
window 系统里 chrome 浏览器一些实用的调试技巧2
|
Web App开发 JavaScript 开发者
window 系统里 chrome 浏览器一些实用的调试技巧
window 系统里 chrome 浏览器一些实用的调试技巧
2161 0
window 系统里 chrome 浏览器一些实用的调试技巧
|
JavaScript 前端开发
|
JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发
浏览器中BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法(上)
在学过JavaScript之后,我们都知道对象分为内置对象 、宿主对象 、自定义对象,我们经常用到的浏览器中的内置对象就是宿主对象的一种,浏览器的内置对象有很多,本文就来详细讲解一下Window对象的属性与方法吧。
116 0
浏览器中BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法(上)
|
Web App开发 编解码 iOS开发
浏览器环境 - window 对象 - 属性介绍
本文介绍 window 对象为数不多的几个属性值:origin、name、status 设备高宽像素比等。着重介绍 name 属性的由来、用处,尤其是其在跨域当中的作用。
1582 0