日期:2014-05-16  浏览次数:20421 次

仿qwikiOffice,在ExtJS2.0.2下实现的信息提示小窗口Notification

qwikiOffice 中看到有右下角的消息提示框,在系统中用这种提示框来提示成功或者失败信息很有用。在 ext 的论坛上看到了一个实现方案: Notification http://www.sencha.com/forum/showthread.php?32365-Ext.ux.Notification ),前身是 ToastWindow

?

官方 demo http://efattal.fr/extjs-dev/examples/toastwindow/ (貌似不能访问)

?

我根据实际的要求,简化了 Notification 的初始化配置,并且增加了 3 个方法,修改了一个缺陷:如果提示窗口过多,就会出现窗口堆积的缺点。 (ExtJS 2.0.2)

1、方法修改:

初始化:

new Ext.ux.Notification() 或者 new Ext.ux.Notification({autoHide:true/false,hideDelay:3000});

autoHide 信息提示窗口是否自动隐藏(可选参数)

hideDelay :延迟多久开始隐藏(可选参数)

?

方法

1 showSuccess :显示成功的信息,默认在信息提示完成之后,自动隐藏窗口

?????? 参数:

title :提示窗口的标题(可选参数)

message :提示窗口的内容(可选参数)

2 showFailure :显示失败的信息,默认在信息提示完成之后,一直显示窗口

?????? 参数:

title :提示窗口的标题(可选参数)

message :提示窗口的内容(可选参数)

3 showMessage :显示信息。如果 success true ,则显示成功信息,提示窗口在 hideDelay 毫秒后隐藏窗口。如果 success false ,根据初试化 autoHide hideDelay 的配置,来决定是否隐藏窗口。

?????? 参数:

title :提示窗口的标题(必填)

message :提示窗口的内容(必填)

????????????? ? success