1.最简单的消息框_提示框.
提示框的语法:
Ext.MessageBox. alert ( String title, String msg, Function fn, Object scope );
参数定义如下:
1、title:标题
2、msg:提示内容
3、fn:提示框关闭后自动调用的回调函数
4、scope:作用域,用于指定this指向哪里,
例子代码如下:
Ext.onReady(function() {
Ext.MessageBox.alert("提示框", "这是一个提示框", function() {
alert("提示框已关闭!")
});
});
效果图:

点击OK之后,出现如下网页提示.

2.输入框.
语法:
Ext.MessageBox.prompt(String title,String msg, Function fn, Object scope, Boolean/Number multiline );
从定义中可以看到,前四个参数和提示框一样,最后多了一个参数,如果为true 或为数字,将允许输入多行或者指定默认高度(像素)。
例子代码如下:
Ext.onReady(function() {
/*
* Ext.MessageBox.alert("提示框", "这是一个提示框", function() {
* alert("提示框已关闭!") });
*/
Ext.MessageBox.prompt("输入框", "请输入内容:", function(btn, txt) {
alert("你点击了'" + btn + "'按钮,输入的内容为'" + txt + "'.");
})
});
如果显示多行,请看下面例子代码:
效果图:


3.确认框.
确认框提示用户作出选择,语法如下:
Ext.MessageBox.confirm ( String title, String msg, Function fn, Object scope );
例子代码如下:
Ext.onReady(function() {
/*
* Ext.MessageBox.alert("提示框", "这是一个提示框", function() {
* alert("提示框已关闭!") });
*/
/*
* Ext.MessageBox.prompt("输入框", "请输入内容:", function(btn, txt) {
* alert("你点击了'" + btn + "'按钮,输入的内容为'" + txt + "'."); }, this, 300);
*/
Ext.MessageBox.confirm("确认框", "请您做出选择", function(btn) {
alert("你点击了'" + btn + "'按钮");
})
});
我们可以通过回调函数的参数btn采取相应的行动。
效果图:


4.自定义消息框.
如果上面所有的消息框都无法满足我们的需求,譬如没有图标、按钮类型太少,甚至更BT的,如果想要个进度条怎么办?哈哈,别急,Extjs息数为你想到了。ext.messagebox我们可以使用show()方法自定义消息框,只需要稍微配置一下就可以了。
show()方法的语法如下:
Ext.MessageBox.show ( Object config );
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/jisuanjixue/article-33780-1.html