extjs 右下角消息提示

Question

  系统中需要通过extjs前台技术，
     需要动态获取将登录人处理的事项在右下角通过消息窗口提示的形式(类似QQ消息提示窗口)，展示出来。
  各位大虾们有什么办法，麻烦将代码帖出来。谢谢。
extjs消息提示窗口

Answer 1

可以border布局
下面是状态栏。
状态栏左边可以放用户信息，右边放你说的消息提示。你具体的问题是什么呢？

Answer 2

/**
 * 扩展Ext.example功能.
 * @return {TypeName} 
 */
Ext.MsgTip = function(){
    var msgCt;
    function createBox(t, s){
        return ['<div class="msg">',
                '<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:10px;width:300px;margin:0 auto;z-index:20000;'}, true);
            }
            msgCt.alignTo(document, 't-t');
            //给消息框右下角增加一个关闭按钮
            message+='<br><span style="text-align:right;font-size:12px; width:100%;">' +
              '<font color="blank"><u style="cursor:pointer;" onclick="Ext.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=5;
              }
              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});
       }
    };
}();