ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Extjs 消息提示框

2022-07-05 11:39:03  阅读:238  来源: 互联网

标签:btnId text MessageBox alert Ext 消息 Msg 提示框 Extjs


Extjs的几种简单的提示框

 https://www.iteye.com/blog/zyjustin9-2123409

一、Ext.MessageBox.alert()和Ext.MessageBox.show():

1.成功的提示:

Js代码  收藏代码
  1. Ext.Msg.alert("成功","数据保存成功!");  

 
            

Java代码  收藏代码
  1. Ext.Msg.show({  
  2.     title:'成功',  
  3.     msg: '数据保存成功',  
  4.     buttons: Ext.Msg.OK,  
  5.     icon: Ext.Msg.INFO     //注意此处为INFO  
  6. });  

          

 

2.失败的提示:

Js代码  收藏代码
  1. Ext.Msg.alert("失败","数据保存失败!");  

            
 

Js代码  收藏代码
  1. Ext.Msg.show({  
  2.     title:'失败',  
  3.     msg: '数据保存失败',  
  4.     buttons: Ext.Msg.OK,  
  5.     icon: Ext.Msg.ERROR      //注意此处为ERROR  
  6. });  

           
 

二、Ext.MessageBox.confirm():

(这个方法的回调函数包含了btnId参数,参数值可以是yes或no。)

Js代码  收藏代码
  1. Ext.MessageBox.confirm("提示", "是否要跳转页面?", function (btnId) {  
  2.     if (btnId == "yes") {  
  3.         alert("点击了yes按钮");  
  4.     }  
  5.     else if (btnId == "no") {  
  6.         alert("点击了no按钮");  
  7.     }  
  8.     else {  
  9.         alert("没有点击按钮,关闭了提示框");  
  10.     }  
  11. });  
          
  

三、Ext.MessageBox.prompt():

 (回调函数中包含了btnId和text两个可用的参数。)

Js代码  收藏代码
  1. Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) {  
  2.     if (btnId == "ok") {  
  3.         alert(text);  
  4.     }  
  5.     else {  
  6.         alert("点击了取消按钮");  
  7.     }  
  8. });  
            另外,这个方法还允许创建一个多行的输入框,代码如下:
Js代码  收藏代码
  1. Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) {  
  2.     if (btnId == "ok") {  
  3.         alert(text);  
  4.     }  
  5.     else {  
  6.         alert("点击了取消按钮");  
  7.     }  
  8. }, window, true);  

第三个参数window是默认的作用域。

第四个参数是否为多行输入框,传入true就表示可以输入多行文字。
     
 

最后一个功能是,如果我们需要在打开的时候显示一段默认文字,我们可以传入第五个参数:

Js代码  收藏代码
  1. Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) {  
  2.     if (btnId == "ok") {  
  3.         alert(text);  
  4.     }  
  5.     else {  
  6.         alert("点击了取消按钮");  
  7.     }  
  8. }, window, true, "这是默认文字");  

    

标签:btnId,text,MessageBox,alert,Ext,消息,Msg,提示框,Extjs
来源: https://www.cnblogs.com/xsSystem/p/16445755.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有