以下记录了自己在做项目时,经常用到的几种ext弹框。项目中使用的ext是4.2版本的。
1. Ext.Msg.alert()
使用此种方式时,如果提示信息过长则提示信息会被覆盖掉一部分。
Ext.Msg.alert("提示","发送成功了!",function () {
//回调函数
});
2. Ext.MessageBox.show()
此种方式使用较为灵活,功能比较强大,如果是简单的信息提示(提示信息不是太长),则建议采用第一种,因为第一种比较简单。
Ext.MessageBox.show({
title: "提示",
animal:"id1",
msg:data.message,
buttons: Ext.MessageBox.OK, //弹出框按钮设置
//multiline: true, //设置弹出多行输入框
prompt: false, //设置弹出框的输入框
//value:"取值范围:其他、规划库项目、问题库项目、退回库项目!",设置输入框 //显示文字",如果prompt设置为true时,该文本将显示在输入框中。
width: 300,
height: 120,
modal:true,
closable: true, //是否显示关闭符号
//progress: true, //设置弹出框是否显示进度条
icon:Ext.Msg.INFO,
fn: function (b, t) {//关闭窗口时调用函数
reloadGrid();
}
});
效果: