Javascript ExtJs消息框滑动消息
我在extJs中遇到了一个示例。我发现他们正在使用Ext.example.msg进行滑动。因此,我决定将example.js文件存储在app/ext/example/example.js中Javascript ExtJs消息框滑动消息,javascript,extjs4,extjs4.2,Javascript,Extjs4,Extjs4.2,我在extJs中遇到了一个示例。我发现他们正在使用Ext.example.msg进行滑动。因此,我决定将example.js文件存储在app/ext/example/example.js中 Ext.example = function(){ var msgCt; function createBox(t, s){ return ['<div class="msg">', '<div class="x-box-tl
Ext.example = 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"><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, format){
if(!msgCt){
msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div'}, true);
debugger;
}
msgCt.alignTo(document, 't-t');
var s = String.format.apply(String, Array.prototype.slice.call(arguments, 1));
var m = Ext.DomHelper.append(msgCt, {html:createBox(title, s)}, true);
m.slideIn('t').pause(1).ghost("t", {remove:true});
},
init : function(){
var t = Ext.get('exttheme');
if(!t){ // run locally?
return;
}
var theme = Cookies.get('exttheme') || 'aero';
if(theme){
t.dom.value = theme;
Ext.getBody().addClass('x-'+theme);
}
t.on('change', function(){
Cookies.set('exttheme', t.getValue());
setTimeout(function(){
window.location.reload();
}, 250);
});
var lb = Ext.get('lib-bar');
if(lb){
lb.show();
}
}
};
}();
ExtJs 4.2中的新方法是什么。请给我一些建议。它奏效了。只需要包含适当的.css文件。.css文件的位置应在index.html或其他*.html页面中指定
Ext.MessageBox.alert('Save', 'xxxx', showResult);
function showResult(btn){
debugger;
Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
};