Extjs的几种简单的提示框

转载地址：http://zyjustin9.iteye.com/blog/2123409

Extjs的几种简单的提示框

 

一、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, "这是默认文字");