标签:btnId text MessageBox alert Ext 消息 Msg 提示框 Extjs
Extjs的几种简单的提示框
https://www.iteye.com/blog/zyjustin9-2123409
一、Ext.MessageBox.alert()和Ext.MessageBox.show():
1.成功的提示:
Js代码- Ext.Msg.alert("成功","数据保存成功!");
- Ext.Msg.show({
- title:'成功',
- msg: '数据保存成功',
- buttons: Ext.Msg.OK,
- icon: Ext.Msg.INFO //注意此处为INFO
- });
2.失败的提示:
Js代码- Ext.Msg.alert("失败","数据保存失败!");
- Ext.Msg.show({
- title:'失败',
- msg: '数据保存失败',
- buttons: Ext.Msg.OK,
- icon: Ext.Msg.ERROR //注意此处为ERROR
- });
二、Ext.MessageBox.confirm():
(这个方法的回调函数包含了btnId参数,参数值可以是yes或no。)
Js代码- Ext.MessageBox.confirm("提示", "是否要跳转页面?", function (btnId) {
- if (btnId == "yes") {
- alert("点击了yes按钮");
- }
- else if (btnId == "no") {
- alert("点击了no按钮");
- }
- else {
- alert("没有点击按钮,关闭了提示框");
- }
- });
三、Ext.MessageBox.prompt():
(回调函数中包含了btnId和text两个可用的参数。)
Js代码- Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) {
- if (btnId == "ok") {
- alert(text);
- }
- else {
- alert("点击了取消按钮");
- }
- });
Js代码
- Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) {
- if (btnId == "ok") {
- alert(text);
- }
- else {
- alert("点击了取消按钮");
- }
- }, window, true);
第三个参数window是默认的作用域。
第四个参数是否为多行输入框,传入true就表示可以输入多行文字。
最后一个功能是,如果我们需要在打开的时候显示一段默认文字,我们可以传入第五个参数:
Js代码- Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) {
- if (btnId == "ok") {
- alert(text);
- }
- else {
- alert("点击了取消按钮");
- }
- }, window, true, "这是默认文字");
标签:btnId,text,MessageBox,alert,Ext,消息,Msg,提示框,Extjs 来源: https://www.cnblogs.com/xsSystem/p/16445755.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。