ExtJS 4 消息提示

最新推荐文章于 2019-04-19 10:34:53 发布

weixin_34217711

最新推荐文章于 2019-04-19 10:34:53 发布

阅读量224

点赞数

文章标签： python ui

原文链接：https://my.oschina.net/yangyan/blog/339680

版权

2019独角兽企业重金招聘Python工程师标准>>>

/*消息提示窗口*/
#msg-div {
    position: absolute;
    left: 35%;
    top: 0px;
    padding-top:0px;
    width: 300px;
    z-index: 20000;
}

#msg-div .msg {
    border-radius: 8px;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
    background: #F6F6F6;
    border: 2px solid #ccc;
}
#msg-div .msg.success{
    color: #309619;
    background: #edfcee;
    border: 2px solid #309719;
}
#msg-div .msg.warn{
    color: #f4932c;
    background: #f6dea6;
    border: 2px solid #f3922c;
}
#msg-div .msg.error{
    color: #d93733;
    background: #f6c7b9;
    border: 2px solid #da3733;
}

#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}

#msg-div .msg p {
    margin: 0;
}

UI = {
        /**
         * 提示消息
         * @param title
         * @param msg
         */
        showInfoMsg: function (title, msg) {
            if (arguments.length == 1) {
                msg = title;
                title = "提示";
            }
            if (!msgCt) {
                msgCt = Ext.DomHelper.insertFirst(document.body, {id: 'msg-div'}, true);
            }
            var m = Ext.DomHelper.append(msgCt, '<div class="msg"><h3>' + title + '</h3><p>' + msg + '</p></div>', true);
            m.hide();
            m.slideIn('t').ghost("t", { delay: 3000, remove: true});
        },
        /**
         * 呈现错误消息提示
         * @param msg
         */
        showWarnMsg: function (title, msg) {
            if (arguments.length == 1) {
                msg = title;
                title = "警告信息";
            }
            if (!msgCt) {
                msgCt = Ext.DomHelper.insertFirst(document.body, {id: 'msg-div'}, true);
            }
            var m = Ext.DomHelper.append(msgCt, '<div class="msg warn"><h3>' + title + '</h3><p>' + msg + '</p></div>', true);
            m.hide();
            m.slideIn('t').ghost("t", { delay: 3000, remove: true});
        },
        /**
         * 呈现错误消息提示
         * @param msg
         */
        showErrorMsg: function (title, msg) {
            if (arguments.length == 1) {
                msg = title;
                title = "发生错误";
            }
            if (!msgCt) {
                msgCt = Ext.DomHelper.insertFirst(document.body, {id: 'msg-div'}, true);
            }
            var m = Ext.DomHelper.append(msgCt, '<div class="msg error"><h3>' + title + '</h3><p>' + msg + '</p></div>', true);
            m.hide();
            m.slideIn('t').ghost("t", { delay: 3000, remove: true});
        },
        /**
         * 呈现一般消息提示
         * @param msg
         */
        showSuccessMsg: function (title, msg) {
            if (arguments.length == 1) {
                msg = title;
                title = "操作成功";
            }
            if (!msgCt) {
                msgCt = Ext.DomHelper.insertFirst(document.body, {id: 'msg-div'}, true);
            }
            var m = Ext.DomHelper.append(msgCt, '<div class="msg success"><h3>' + title + '</h3><p>' + msg + '</p></div>', true);
            m.hide();
            m.slideIn('t').ghost("t", { delay: 3000, remove: true});
        }
    };

转载于:https://my.oschina.net/yangyan/blog/339680