extjs 右下角弹出消息框

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

  

时间: 2024-12-14 00:44:08

extjs 右下角弹出消息框的相关文章

.net 弹出消息框后,页面样式变乱

点击按钮,执行提交操作,弹出消息框后,页面的样式变乱,解决方法: 首先,确定使用的css样式正确,页面中的宽高值保持规范统一: 然后,弹出框避免使用Response.Write(),如下所示 Response.Write("<script language=javascript>"); Response.Write("window.alert('"); Response.Write("计划添加失败!"); Response.Write

[Phonegap+Sencha Touch] 移动开发19 某些安卓手机上弹出消息框 点击后不消失的解决办法

Ext.Msg.alert等弹出框在某些安卓手机上,点击确定后不消失. 原因是: 消息框点击确定后有一段css3 transform动画,动画完成后才会隐藏(display:none).有些奇葩手机就是不一样. 解决办法就是禁用消息框的动画: 方法一: 在app.js的launch方法里面加上 Ext.Msg.defaultAllowedConfig.showAnimation = false Ext.Msg.defaultAllowedConfig.hideAnimation = false

Delphi 右下角弹出提示框

制作从屏幕右下角逐渐弹出的消息提示框_delphi教程 作者:网友供稿 点击:0   西部数码-全国虚拟主机10强!20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!虚拟主机可在线rar解压,自动数据恢复设置虚拟目录等.虚拟主机免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金! 文章页数:[1]   微软的每一个产品,无论功能还是界面设计都会带给我们一定的惊喜,比如OfficeXP.O

AloneJs.msgbox() —— 弹出消息框

一.引用 <link href="http://alonejs.suziyun.com/alonejs.min.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> <script src="http://alonejs.suziyun.com/alonejs.mi

js三大弹出消息框

1.警告框:alert()消息框 特点:一个确定按钮,无返回值 2.确认框:confirm()消息框 特点:一个确定按钮,一个取消按钮 返回值:单击确定按钮返回True,单击取消按钮返回False 3.提示框:prompt()消息框 特点:一个输入框,一个确定按钮,一个取消按钮 name=prompt(s,s2) --s文本信息,s2输入框值赋给变量name 返回:单击确定返回变量name,单击取消返回null

java中利用JOptionPane类弹出消息框的部分例子

转: http://www.cnblogs.com/wangxiuheng/p/4449917.html http://blog.csdn.net/penjie0418/article/details/9257917 只想要一个确认按钮, It's the JOptionPane.DEFAULT_OPTION JOptionPane.showConfirmDialog(null, "MESSAGE", "TITLE", JOptionPane.DEFAULT_OPT

用PHP实现弹出消息提示框

方法一: echo "<script>alert('提示内容')</script>"; 方法二: echo '<script language="JavaScript">;alert("这是";location.href="http://www.jinyuanbao.cn";</script>;'; 里面的location.href="index.htm"表示

系统右下角弹出升级Windows10的升窗

这几天收到用户反馈,系统右下角弹出提示升级Windows10的升窗框,用户感觉很烦恼.经过排查,确定为QQ的推广.推广的时候,会在客户机C:\Users\Administrator\AppData\Roaming目录下,生成一个WIN10TIPS0623V1.EXE的执行文件,然后此执行文件便会在登录QQ十分钟后弹出提示Windows10升级提示框.如图:       解决办法:在云更新安全中心,将此进程拦截即可.进程名:WIN10TIPS0623V1.EXE 特征码:489CA1015783E

Android的弹出登陆框的实现

最近在做一个项目,要用到登陆框,几经波折,最后用的是直接将Activity的Theme属性设置成Dialog,然后达到了我想要的效果. 下面是我的实现经历: 1.首先,我是直接使用AlertDialog来实现,确定是,形状有点难看,而且获得Dialog里面的控件略显麻烦(因为我要做的登陆框有一定的布局),然后就给我就放弃了,可能因为我太水了,不能很好的使用它 2.然后我就使用PopupWindow来实现,界面是达到了我的要求,控件的获得通过Inflater就可以获得了相对较简单,但是有一个缺点就