jQuery MiniUI,快速开发WebUI界面

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(); 
}); 

作者: middlekingt
原文: http://blog.csdn.net/middlekingt/article/details/8208280