EXT窗口Window及对话框MessageBox(2)

Ext.onReady(
function(){
Ext.get("btn").on(
"click",
function(){
Ext.MessageBox.prompt(
"输入提示框",
"请输入你的新年愿望:",
function(button,text){
if(button=="ok"){
alert("你的新年愿望是:"+text);
}
else
alert("你放弃了录入!");
}
);
}
);
}
);

　　Html页面：
　　点击上面的“对话框”按钮可以显示如下图所示的内容，如果点击OK按钮则会输入你输入的文本内容，选择cancel按钮则会提示放弃了录入，如下图所示：

 

在实际应用中，可以直接使用MessageBox的show方法来显示自定义的对话框，如下面的代码：

复制代码 代码如下:

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
});
}
);
}
);

　　点击“对话框”按钮可显示一个自定义的保存数据对话框，对话框中包含yes、no、cancel三个按钮，可以在回调函数save中根据点击的按钮执行相应的操作，如图xx所示。