ExtJS的：檢查窗口狀態（被最小化，最大化，等等）

Question

ExtJS的提供了許多CONFIGS的作爲一個窗口是否被配置爲 maximized，minimizable等，還提供了功能maximize和minimize的窗口。

但找不到取得現有窗口狀態的正確方法是。我需要的是類似於下面的函數：

var myWin = Ext.create('Ext.window.Window', { ... }); 
... 
myWin.isMinimized(); // is current window minimized? 
myWin.isMaximized(); // is current window maximized? 

當前窗口的狀態可以從窗口實例中檢索嗎？

Answer 1

對於maximize()有一個布爾屬性maximized，你可以從一個對象回暖：

if (myWin.maximized) { ... } 

然而，對於minimize() ExtJS的不提供任何功能，預計個人實施。因此，從框中不支持任何minimized屬性。

Answer 2

@ Vision的答案已經完成，但我想告訴你，使用toggleCollapse()隱藏窗口的一個片段：

任何人都希望

Ext.create('Ext.Window',{ 
    height: 100, 
    width: 100, 
    minimizable: true, 
    listeners: { 
     minimize: function(){ 
      var win = this; 
      win.toggleCollapse(); 
      if (!win.getCollapsed()) { 
       win.center(); 
      } else { 
       win.alignTo(document.body, 'bl-bl'); 
      } 
     } 
    } 
}).show(); 

Answer 3

一個解決方案，而不是使用minimizable配置，使用tools。這裏是完整的例子..

var isMinimized = false; //if you want to check for minimized elsewhere.. 
var winWidth;   //to restore to actual width. 
Ext.create('Ext.window.Window', { 
    title: 'Hello', 
    closable : false, 
    width : 300, height : 400, 
    tools: [ 
       { 
        type: 'restore', 
        hidden : true, 
        handler: function(evt,toolEl,owner,tool) { 
         var window = owner.up('window'); 
         window.expand('',false); 
        window.setWidth(winWidth); 
         window.center(); 
         isMinimized = false; 
         this.hide(); 
         this.nextSibling().show(); 
        }         
       },{ 
        type: 'minimize', 
        handler: function(evt,toolEl,owner,tool){ 
         var window = owner.up('window'); 
         window.collapse(); 
         winWidth = window.getWidth(); 
         window.setWidth(150); 
         window.alignTo(Ext.getBody(), 'bl-bl'); 
         this.hide(); 
         this.previousSibling().show(); 
         isMinimized = true; 
        }         
       }        
      ] 
}).show();