Javascript 右下角的Ext窗口

我想在屏幕右下角做一个小的状态栏。 但是extjs设置了​​顶部和左侧，结果在中心窗口中拉伸

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

您可以将侦听器添加到窗口并删除左/顶样式。例如：

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

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

---

工作示例：

您可以将侦听器添加到窗口并删除左/顶样式。例如：

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

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

工作示例：

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

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