Extjs的几种简单的提示框

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()：

扫描二维码关注公众号，回复： 592181 查看本文章

（这个方法的回调函数包含了btnId参数，参数值可以是yes或no。）

Ext.MessageBox.confirm("提示", "是否要跳转页面？", function (btnId) {
    if (btnId == "yes") {
        alert("点击了yes按钮");
    }
    else if (btnId == "no") {
        alert("点击了no按钮");
    }
    else {
        alert("没有点击按钮，关闭了提示框");
    }
});

          
  

三、Ext.MessageBox.prompt()：

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

Ext.MessageBox.prompt("提示", "请输入用户名", function (btnId, text) {
    if (btnId == "ok") {
        alert(text);
    }
    else {
        alert("点击了取消按钮");
    }
});

            另外，这个方法还允许 创建一个多行的输入框，代码如下：

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