- Ext.MessageBox.show({
- title:‘请等待片刻‘,
- msg:‘正在加载项目....‘,
- progressText:‘正在初始化...‘,
- Width:300,
- progress:true,
- closable:false
- });
- var f = function(v){
- return function(){
- if(v == 12){
- Ext.MessageBox.hide();
- Ext.MessageBox.alert(‘完成‘,‘所有项目加载完成!‘);
- }else{
- var i = v/11;
- Ext.MessageBox.updateProgress(i,Math.round(100*i)+‘%以完成‘);
- }
- };
- };
- for(var i=0; i<13;i++){
- setTimeout(f(i),i*500);
- }
解 析上述代码中ProgressText属性是进度条滚动之前最初的文本,滚动进程由updateProgress(Number value,String progressText)方法来定义,参数value是从0-1之间的小数,表示进度百分比;progressText则表示进度条滚动过程中的文本提示信息。
6.ExtJs之消息框动画效果
- var config = {
- title:"飞出的消息框",
- msg:"这是一个自定义对话框,是飞出来的哦",
- width:400,
- multiline:true,
- closable:false,
- buttons:Ext.MessageBox.YESNOCANCEL,
- icon:Ext.MessageBox.QUESTION,
- animEl:"fly"
- };
- Ext.MessageBox.show(config);