ExtJs 常用方法(alert confirm prompt show wait)

1、alert方法

// 提示框
Ext.MessageBox.alert("提示信息","hello world!!!");
Ext.Msg.alert('ExtJs');
alert('执行');

注：执行到ExtJs中的alert方法不会停止运行。不同于原生的js alert方法

2、confirm方法

<span style="white-space:pre">	</span>//询问框
Ext.Msg.confirm('提示信息','确认要删除这条信息吗？',function(op){
if(op == 'yes'){
alert("确认删除");
}else{
alert("取消了");
}
})

3、prompt方法

<span style="white-space:pre">	</span>//输入框
Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
if (btn == 'ok'){
// process text value and close...
alert('ok');
}
console.info(btn); // 按钮
console.info(text); //输入框内容

});

4、show方法

//自定义提示信息
Ext.Msg.show({
title:'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. Would you like to save your changes?',
buttons: Ext.Msg.YESNOCANCEL,  //显示的btn
icon: Ext.Msg.QUESTION//图标 4种  INFO QUESTION ERROR WARNING

});

5、wait方法

//等待框1
/*var p = Ext.create('Ext.ProgressBar', {
renderTo: Ext.getBody(),
width: 300
});
// Wait for 5 seconds, then update the status el (progress bar will auto-reset)
p.wait({
interval: 500, //bar will move fast!
duration: 50000,
increment: 15,
text: 'Updating...',
scope: this,
fn: function(){
p.updateText('Done!');
}
});*/
//等待框2
Ext.Msg.wait('提示信息','我是内容',{
interval: 500, 			//循环定时的间隔
duration: 10000,		//总时长
increment: 5,			//走完一次进度条次数
text: 'Updating...',	//进度条上的文字
scope: this,			//作用范围
fn: function(){			//回调函数
alert('更新成功！！！');
}
})

--------------------------------