Ext自定义弹出窗口
Ext中用alert弹出提示窗口后,每次都要点确定,非常不友好,要是能够每次弹出窗口,不用点确定,窗口自动消失,就好了!实际上,用Ext也可以实现这样的功能,如下:
Ext.namespace('Ext.ux');
Ext.ux.MessageBox = function() {
var msgCt;
function createBox(t, s) {
return [
'
',
'
',
'
',
t,
'
',
s,
'
',
'
',
'
'].join('');
}
return {
msg : function(title, format) {
if (!msgCt) {
msgCt = Ext.DomHelper.insertFirst(document.body, {
id : 'msg-div',
style : 'position:absolute;width: 230px;z-index:10001'
}, true);
}
var s = String.format.apply(String, Array.prototype.slice.call(
arguments, 1));
var m = Ext.DomHelper.append(msgCt, {
html : createBox(title, s)
}, true);
msgCt.alignTo(document, 't-t');
m.slideIn('t').pause(1.5).ghost("t", {
remove : true
});
}
};
}();