Ext.MessageBox是用来生成不同样式的消息框实体类,它还可以使用别名Ext.Msg.
1. 基本的样式
Ext.Msg.alert(‘标题’,'Hello Extjs');
2.用户可以输入的对话框,可以使用回调函数进行操作后的处理
Ext.Msg.prompt("标题","请输入您的名字:",function(btn,text){
if(btn=="ok"){
Ext.Msg.alert("Name","您的名字是:"+text);
}
});
3.
创建一个用户可以选择按钮的对话框
Ext.Msg.show({
title:"是否保存",
msg:"是否保存您修改的信息,如果保存它的子级将会一并删除?",
buttons:Ext.Msg.YESNOCANCEL,
fn: function(btn){alert(btn)},
icon: Ext.MessageBox.QUESTION,
multiline:true,
value:"测试",
animEl:"m"
});
title:标题;
msg:提示的消息信息;
buttons:按钮选项,Ext.Msg.YESNOCANCEL包含一个yes、no、cancel的按钮,CANCEL:取消按钮
buttons:按钮选项,Ext.Msg.YESNOCANCEL包含一个yes、no、cancel的按钮,CANCEL:取消按钮
fn:操作后的回调函数
icon:显示的图标,QUESTION一个问号图标。
multiline:true为文本域,false为文本框
value:"测试",表示文本框中的初始值,
animEl:"m",表示对话框打开或关闭时动画效果的目标元素
4.创建一个带有是和否的对话框
Ext.Msg.confirm("标题","这是带一个YES和NO的按钮的对话框");
5.显示一个不受控制,自动运行的进度条
Ext.Msg.wait("请稍等。。。","标题");
6.显示一个进度条
Ext.Msg.progress("标题","请稍等...");
对进度条中的进度进行控制
var f = function(v){
return function(){
if(v == 12){
Ext.MessageBox.hide();
Ext.example.msg('Done', 'Your fake items were loaded!');
}else{
var i = v/11;
//进度条中进度值
Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');
}
};
};
for(var i = 1; i < 13; i++){
setTimeout(f(i), i*500);
}