其他分享
首页 > 其他分享> > Extjs 消息提示框

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