Окно в правом нижнем углу

Question

Я хочу сделать небольшую строку состояния в правом нижнем углу экрана. Но extjs устанавливает значения «top» и «left», а результат растягивается в центральном окне.

var swindow = new Ext.Window({ 
     width:100, 
     style:'position:fixed; right:0;bottom:0;', 
     baseCls:'lk-sysstate-spanel', 
     shadow: false, 
     closable:false, 
     hideBorder: false, 
     plain: true, 
     items:[ 
      historyPanel, 
      smallPanel 
     ] 
    }); 

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', ''); 
     } 
    } 
}); 

Работа образца: http://jsfiddle.net/dnpTt/4/

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