右下角的分機窗口

Question

我想在屏幕右下角創建一個小狀態欄。 但extjs設置了「頂部」和「左側」的值，結果在中間窗口拉伸。

​​

CSS結果在瀏覽器中

element.style { 
    bottom: 0; 
    display: block; 
    left: 675px; 
    position: fixed; 
    right: 0; 
    top: -5000px; 
    visibility: visible; 
    width: 98px; 
    z-index: 9003; 
} 

使用ExtJS的3.4

Answer 1

您可以添加監聽器窗口，並刪除左/頂的樣式。例如：

var swindow = new Ext.Window({ 
    [...] 

    listeners: { 
     show: function() { 
      this.el.setStyle('left', ''); 
      this.el.setStyle('top', ''); 
     } 
    } 
}); 

工作樣品：​​

Answer 2

試驗中的ExtJS 5.0.1

var w = window.innerWidth; 
var h = window.innerHeight; 

var swindow = new Ext.Window({ 
    [...] 

    listeners: { 
     show: function() { 
      this.setX(w -this.getWidth()); 
      this.setY(h -this.getHeight()); 
     } 
    } 
});