一、普通的对话框:
Ext.onReady(
function(){
Ext.get( "btn").on( "click", function(){ //普通的弹出提示框
Ext.MessageBox.alert( "请注意", "这是ExtJS的提示框");
});
});
Ext.get( "btn").on( "click", function(){ //普通的弹出提示框
Ext.MessageBox.alert( "请注意", "这是ExtJS的提示框");
});
});
![](https://i-blog.csdnimg.cn/blog_migrate/12f7570db02cc6f8f46497c9bac81f40.jpeg)
二、弹出选择的提示框:
Ext.onReady(
function(){
Ext.get( "btn").on( "click", function(){ //弹出选择的提示框
Ext.MessageBox.confirm( "请确认", "是否真的要删除指定的内容", function(button,text){
alert(button);
alert(text);
});
});
});
Ext.get( "btn").on( "click", function(){ //弹出选择的提示框
Ext.MessageBox.confirm( "请确认", "是否真的要删除指定的内容", function(button,text){
alert(button);
alert(text);
});
});
});
![](https://i-blog.csdnimg.cn/blog_migrate/aec8730c0417b546c8b54a77046b2226.jpeg)
三、需要输入内容的对话框:
Ext.onReady(
function(){
Ext.get( "btn").on( "click", function(){ //需要输入内容的对话框
Ext.MessageBox.prompt( "输入提示框", "请输入你的新年愿望:", function(button,text){
if(button== "ok"){
alert( "您的新年愿望是:" + text);
} else
alert( "你放弃了录入!");
});
});
});
Ext.get( "btn").on( "click", function(){ //需要输入内容的对话框
Ext.MessageBox.prompt( "输入提示框", "请输入你的新年愿望:", function(button,text){
if(button== "ok"){
alert( "您的新年愿望是:" + text);
} else
alert( "你放弃了录入!");
});
});
});
![](https://i-blog.csdnimg.cn/blog_migrate/dfaf50facba99abd6248d74984639f2b.jpeg)
四、自定义对话框:
function save(button){
if(button== "yes"){
//执行数据库保存操作
} else if(button== "no"){
//不保存数据
} else{
//取消当前操作
}
}
Ext.onReady( function(){
Ext.get( "btn").on( "click", function(){
Ext.Msg.show({
title: "保存数据",
msg: "你已经作了一些数据操作,是否要保存当前内容的修改?",
buttons:Ext.Msg.YESNOCANCEL,
fn:save,
icon:Ext.MessageBox.QUESTION
});
});
});
if(button== "yes"){
//执行数据库保存操作
} else if(button== "no"){
//不保存数据
} else{
//取消当前操作
}
}
Ext.onReady( function(){
Ext.get( "btn").on( "click", function(){
Ext.Msg.show({
title: "保存数据",
msg: "你已经作了一些数据操作,是否要保存当前内容的修改?",
buttons:Ext.Msg.YESNOCANCEL,
fn:save,
icon:Ext.MessageBox.QUESTION
});
});
});
![](https://i-blog.csdnimg.cn/blog_migrate/b1fb4fe5f95e3668ff2eb4f5534c5b1b.jpeg)