EXTJS 学习总结（1） Ext.MessageBox

学习EXTJS 框架时总结的内容，以及学习过程中调式过的代码。

 

想详细了解的朋友，参见原文地址：

http://www.cnblogs.com/qianxudetianxia/archive/2008/06/26/1230082.html

 

 

//Alert function alertShow() { Ext.MessageBox.alert("Title", "msg", function(e) { alert('alert : ' + e); //参数e,是点击的弹出框的按钮的值,ok，cancel. }); } //confirm function confirmShow() { Ext.MessageBox.confirm("title", "msg", function(e) { alert('confirm : ' + e); //参数e,是点击的弹出框的按钮的值,yes,no,cancel }); } //带文本框弹出的窗体 function promptShow() { Ext.MessageBox.prompt( "title", "msg", function(e, text) { alert(e + "-" + text); }, this, true); } //进度条显示的第一种方式 function msgShow() { Ext.MessageBox.show({ animEl: 'aFrom', buttons: Ext.Msg.YESNOCANCEL, //弹出框按钮的设置Ext.Msg下有四种可选，设置为false则不显示任何按钮 closable: false, //false，则不显示右上角的小叉 msg: 'MsxBox', //消息的内容 title: '标题', fn: windowClose, //关闭弹出框后执行的函数，如点击CHANCEL按钮退出时触发 icon: Ext.MessageBox.INFO, //弹出框内容前面的图标，取值为Ext.MessageBox.INFO，ERROR, WARNING, QUESTION width: '500', prompt: true, //设为true，则弹出框带有输入框 multiline: true, //设为true，则弹出框带有多行输入框 progress: true, //设为true，显示进度条 progressText: '进度条', //显示在进度条上的字 wait: true, //设为true，动态显示progress waitConfig: { //配置参数，以控制显示progressexample interval: 600, //进度的频率 duration: 5000, //执行进度的持续时间，超过这个时间后，interval失效，不再产生进度效果，但进度狂也不会消失 fn: function() { //时间到后执行的函数 Ext.MessageBox.hide(); //让进度条消失 } } }); } //进度条显示的第二种方式 function createupdateProgress() { Ext.MessageBox.show({ animEl: 'aFrom', buttons: Ext.Msg.YESNOCANCEL, //弹出框按钮的设置Ext.Msg下有四种可选，设置为false则不显示任何按钮 closable: false, //false，则不显示右上角的小叉 msg: 'MsxBox', //消息的内容 title: '标题', fn: ShowMSG, //关闭弹出框后执行的函数 icon: Ext.MessageBox.INFO, //弹出框内容前面的图标，取值为Ext.MessageBox.INFO，ERROR, WARNING, QUESTION prompt: false, //设为true，则弹出框带有输入框 multiline: false, //设为true，则弹出框带有多行输入框 progress: true //设为true，显示进度条 }); var f = function(v) { return function() { if (v == 12) { Ext.MessageBox.hide(); alert("加载完成！"); } else { var i = v / 11; Ext.MessageBox.updateProgress(i, Math.round(100 * i) + "% completed", i); } } } for (var i = 1; i < 13; i++) { setTimeout(f(i), i * 500); //从点击时就开始计时，所以500*i表示每500ms就执行一次 } } //用于绑定的方法 function windowClose() { window.open('', '_self', ''); //IE7以后版本中，关闭窗体时保证不弹出询问对话框 window.close(); } //用于绑定的方法 function ShowMSG() { alert(123); }