首页 > Web开发 > 详细

Extjs的几种简单的提示框

时间:2018-09-23 12:56:11      阅读:140      评论:0      收藏:0      [点我收藏+]

Extjs的几种简单的提示框转自https://blog.csdn.net/qq_28364999/article/details/53483884

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

1.成功的提示:

Ext.Msg.alert("成功","数据保存成功!"); 

 技术分享图片

Ext.Msg.show({  
    title:‘成功‘,  
    msg: ‘数据保存成功‘,  
    buttons: Ext.Msg.OK,  
    icon: Ext.Msg.INFO     //注意此处为INFO (!)  //注意此处为ERROR (X)

技术分享图片

二、Ext.MessageBox.confirm():

确认提示框

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("点击了取消按钮");  
    }  
},window, true);  //创建一个多行的输入框 window,true,"默认文字"  第三个参数window是默认的作用域。 第四个参数是否为多行输入框,传入true就表示可以输入多行文字. 第五个参数是默认显示的值

技术分享图片

添加参数Window.true

技术分享图片

 添加默认值

 技术分享图片

 

Extjs的几种简单的提示框

原文:https://www.cnblogs.com/zeng-qh/p/9692345.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!