EXT--window 随浏览器大小变化而变化

Ext-Window 定制示例

最新推荐文章于 2018-08-20 21:11:00 发布

原创最新推荐文章于 2018-08-20 21:11:00 发布 · 607 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext

EXT 专栏收录该内容

38 篇文章

订阅专栏

本文展示了如何使用 Ext-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(); 
});

开发者博客：www.developsearch.com