Extjs的几种简单的提示框
一、Ext.MessageBox.alert()和Ext.MessageBox.show():
1.成功的提示:
Ext.Msg.alert("成功","数据保存成功!");
Ext.Msg.show({
title:'成功',
msg: '数据保存成功',
buttons: Ext.Msg.OK,
icon: Ext.Msg.INFO //注意此处为INFO
});
2.失败的提示:
Ext.Msg.alert("失败","数据保存失败!");
Ext.Msg.show({ title:'失败', msg: '数据保存失败', buttons: Ext.Msg.OK, icon: Ext.Msg.ERROR //注意此处为ERROR });
二、Ext.MessageBox.confirm():
(这个方法的回调函数包含了btnId参数,参数值可以是yes或no。)
Ext.MessageBox.confirm("提示", "是否要跳转页面?", function (btnId) { if (btnId == "yes") { alert("点击了yes按钮"); } else if (btnId == "no") { alert("点击了no按钮"); } else { alert("没有点击按钮,关闭了提示框"); } });
![](https://i-blog.csdnimg.cn/blog_migrate/b89687272870b2035b5a6a8e30a10176.png)
三、Ext.MessageBox.prompt():
(回调函数中包含了btnId和text两个可用的参数。)
Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) { if (btnId == "ok") { alert(text); } else { alert("点击了取消按钮"); } });
![](https://i-blog.csdnimg.cn/blog_migrate/a4d06274e34e016f0545f0ef2b8b6b32.png)
另外,这个方法还允许
创建一个多行的输入框,代码如下:
Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) { if (btnId == "ok") { alert(text); } else { alert("点击了取消按钮"); } }, window, true);
第三个参数window是默认的作用域。
第四个参数是否为多行输入框,传入true就表示可以输入多行文字。
最后一个功能是,如果我们需要在打开的时候显示一段默认文字,我们可以传入第五个参数:
Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) { if (btnId == "ok") { alert(text); } else { alert("点击了取消按钮"); } }, window, true, "这是默认文字");