首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

extjs右上角滑出提示框

2012-08-26 
extjs右下角滑出提示框http://topic.csdn.net/u/20100722/09/71f799d2-8dce-4ac0-89c0-c97389639c2d.html?

extjs右下角滑出提示框

http://topic.csdn.net/u/20100722/09/71f799d2-8dce-4ac0-89c0-c97389639c2d.html

?

?仿QQ: http://www.iteye.com/topic/601055

?

Ext.namespace("Ext.ux");Ext.ux.ToastWindowMgr = {    positions: [] };Ext.ux.ToastWindow = Ext.extend(Ext.Window, {    initComponent: function(){          Ext.apply(this, {              iconCls: this.iconCls || 'information',            width: 250,            height: 150,            autoScroll: true,            autoDestroy: true,            plain: false,            shadow:false          });        this.task = new Ext.util.DelayedTask(this.hide, this);        Ext.ux.ToastWindow.superclass.initComponent.call(this);    },    setMessage: function(msg){        this.body.update(msg);    },    setTitle: function(title, iconCls){        Ext.ux.ToastWindow.superclass.setTitle.call(this, title, iconCls||this.iconCls);    },    onRender:function(ct, position) {        Ext.ux.ToastWindow.superclass.onRender.call(this, ct, position);    },    onDestroy: function(){        Ext.ux.ToastWindowMgr.positions.remove(this.pos);        Ext.ux.ToastWindow.superclass.onDestroy.call(this);    },    afterShow: function(){        Ext.ux.ToastWindow.superclass.afterShow.call(this);        this.on('move', function(){               Ext.ux.ToastWindowMgr.positions.remove(this.pos);            this.task.cancel();}        , this);        this.task.delay(4000);    },    animShow: function(){        this.pos = 0;        while(Ext.ux.ToastWindowMgr.positions.indexOf(this.pos)>-1)            this.pos++;        Ext.ux.ToastWindowMgr.positions.push(this.pos);        this.setSize(250,150);        this.el.alignTo(document, "br-br", [ -20, -20-((this.getSize().height+10)*this.pos) ]);        this.el.slideIn('b', {            duration: 2,            callback: this.afterShow,            scope: this        });        },    animHide: function(){           Ext.ux.ToastWindowMgr.positions.remove(this.pos);        this.el.ghost("b", {            duration: 2,            remove: true,         scope: this,         callback: this.destroy        });        }});  /*Ext.onReady(function(){ new Ext.ux.ToastWindow({  title: '提示窗口',  html: '测试信息',  iconCls: 'error'}).show(document);})*/

?

热点排行