码迷,mamicode.com
首页 > Web开发 > 详细

extjs 右下角弹出消息框

时间:2016-08-24 12:44:49      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:

var eBody = Ext.getBody();
//施工单位 代办 提示窗体
function InitWindowMessage(eBody) {   
    
    //var eBody = Ext.getBody();
    //短消息窗基本配置
    var msgWinConfig = { width: 300, height: 200 };
    var openMsgWinConfig = { width: 53, height: 10 };

    var openMsgWin = new Ext.Window(
        {
            closable: false,
            shadow: false,
            resizable: false,
            x: eBody.getWidth() - openMsgWinConfig.width,
            y: eBody.getHeight() - openMsgWinConfig.height + 20,
            width: openMsgWinConfig.width,
            height: openMsgWinConfig.height,
            items: [
                {
                    xtype: ‘button‘, text: ‘打开‘, layout: ‘fit‘, handler: function () { msgWin.flyIn(); }
                }
            ],
            flyIn: function () {
                var myWin = openMsgWin;
                myWin.show();
                myWin.getEl().shift({ x: eBody.getWidth() - myWin.getWidth()+20, y: eBody.getHeight() - myWin.getHeight()+20 });
            },
            flyOut: function () {
                if (!this.isVisible()) { return; }
                var myWin = openMsgWin;
                myWin.getEl().shift({ x: eBody.getWidth() - myWin.getWidth(), y: eBody.getHeight() });
            }
    });


    var msgWin = new Ext.Window({
        resizable: false,
        x: eBody.getWidth() - msgWinConfig.width,
        y: eBody.getHeight(),
        width: msgWinConfig.width,
        height: msgWinConfig.height,
        shadow: false,
        items:
        [
            {
                xtype: ‘button‘, text: ‘打开‘, layout: ‘fit‘, handler: function () { msgWin.flyIn(); }
            }
        ],
        listeners: {
            beforeclose: function () {
                var win = this;
                win.flyOut();
                return false;
            }
        },
        flyIn: function () {
            var myWin = this;
            myWin.show();
            myWin.getEl().shift({
                x: eBody.getWidth() - myWin.getWidth(),
                y: eBody.getHeight() - myWin.getHeight(),
                opacity: 80,
                easing: ‘easeOut‘,
                duration: .35
            });
            openMsgWin.flyOut();
            myWin.isFlyIn = true;
        },
        flyOut: function () {
            var myWin = this;
            myWin.getEl().shift({
                y: eBody.getHeight()
            });
            openMsgWin.flyIn();
            myWin.isFlyIn = false;
        } //自动设置位置
        ,autoPosition: function () {
            if (this.isFlyIn) { this.flyIn(); } else { this.flyOut(); }
        }
    });

    Ext.EventManager.onWindowResize(function () {
        msgWin.autoPosition();
    });

    msgWin.flyIn();
}

  

extjs 右下角弹出消息框

标签:

原文地址:http://www.cnblogs.com/gavin0517/p/5802163.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!