Extjs之自动消失提示框封装（Ext.example.msg）

Extjs之自动消失提示框封装（Ext.example.msg）

直接按如下调用:

• MsgTip.msg(‘消息标题’, ‘消息内容’);//不自动隐藏
• MsgTip.msg(‘消息标题’, ‘消息内容’,true);//默认1000秒后自动隐藏
• MsgTip.msg(‘消息标题’, ‘消息内容’,true,10);//指定时间自动隐藏
  这三种方法调用：

示例效果图:

JS简易版代码:

可按实际需求自行调整样式

/**  
 * Extjs消息提示框  
 * MsgTip.msg('消息标题', '消息内容');//不自动隐藏  
 * MsgTip.msg('消息标题', '消息内容',true);//默认1000秒后自动隐藏  
 * MsgTip.msg('消息标题', '消息内容',true,10);//指定时间自动隐藏
 */  
MsgTip = function(){  
    var msgCt;  
    function createBox(t, s){  
        return ['<div class="msg" style="padding-top:350px;text-align:center">',  
                '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',  
                '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc" style="font-size=12px;"><h3>', t, '</h3>', s, '</div></div></div>',  
                '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',  
                '</div>'].join('');  
    }  
    return {  
        msg : function(title, message,autoHide,pauseTime){  
            if(!msgCt){  
                msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div22',style:'position:absolute;top:200px;width:300px;margin:0 auto;z-index:20000;'}, true);  
            }  
            msgCt.alignTo(document, 't-t');  
            //给消息框右下角增加一个关闭按钮  
            message+='<br><span style="text-align:center;font-size:12px; width:100%;">' +  
              '<font color="blank"><u style="cursor:hand;text-align:center"  οnclick="MsgTip.hide(this);">关闭</u></font></span>'  
            var m = Ext.DomHelper.append(msgCt, {html:createBox(title, message)}, true);  
            m.slideIn('t');  
            if(!Ext.isEmpty(autoHide)&&autoHide==true){  
             if(Ext.isEmpty(pauseTime)){  
              pauseTime=1000;  // 单位为秒 默认为1000秒 可输入自定义想自动关闭的时间
             }  
             m.pause(pauseTime).ghost("tr", {remove:true});  
            }  
        },  
        hide:function(v){  
         var msg=Ext.get(v.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement);  
         msg.ghost("tr", {remove:true});  
        }  
    };  
}();  

灰常感谢小伙伴@心︵魔的留言 现已纠正小伙伴指正n处错误