Ext.MessageBox是一个用于产生不同风格提示框的实体类。另一种写法是EXT.Msg.
之一Ext.MessageBox是异步的,这一点不同于传统浏览器的alert提示,显示一个Ext.MessageBox并不会停止代码的运行。因此,当你有代码要等到得到用户的反馈后再运行的话,你就必须使用回调函数。
公用属性
CANCEL 设置显示取消按钮
ERROR 显示一个错误提片
INFO 显示提示信息图片
OK 显示一个OK按钮
OKCANCEL 设置显示两个按钮:确定和取消
QUESTION 显示提示信息图片
WARNING 显示提示警告图片
YESNO 设置显示两个按钮:YES和NO
YESNOCANCEL 设置显示三个按钮:YES和NO,CANCEL
buttonText 设置button的文字
defaultTextHeight 如果设置了显示成多行提示框的话,这个提示框的默认高度
maxWidth 提示框的最大宽度,默认 600
minWidth 提示框的最小宽度,默认100。个人测试 最小大于maxwidth时候是以小的为准
minProgressWidth
方法
alert( String title
, String msg
, [Function fn
], [Object scope
] )
显示一个标准只读的带有一个确定按钮的提示框。如果有回调函数的话,那么回调函数将会在用户操作按钮后响应。并且点击的按钮id可以作为唯一参数传递到回调函数
参数
title 显示的标题
msg 提示的文本
fn 回调的函数(可选)
scope 回调函数的范围
返回一个Ext.MessageBox对象
confirm 显示一个带有是和否按钮的confirm框。其他的属性和描述同上
getDialog() 返回一个相关的 Ext.Window element 对象的引用
hide() 隐藏显示的提示框
isVisible() 如果该提示框显示的话返回true ,返回参数boolean
progress( String title
, String msg
, [String progressText
] ) 显示一个带有进度条的提示框
其属性progressText表示初始现在在进度条上的文字
eg: Ext.onReady(function(){ Ext.get('mb1').on('click', function(e){ Ext.MessageBox.progress(progress eg, 'this the message ', 'this text in bar while initializing the box '); //如果下面的代码没有,进度条不会变化 var f = function(v){ return function(){ if(v == 12){ Ext.MessageBox.hide();//在v=12时候关闭box }else{ var i = v/11; Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');//改变进度条的文字 } }; }; for(var i = 1; i < 13; i++){ setTimeout(f(i), i*500); }//一段时间调用这个函数 }); }
prompt( String title
, String msg
, [Function fn
], [Object scope
], [Boolean/Number multiline
], [String value
] )
基本属性于alert相同,但是在有回调函数的时候,他是传两个参数。一个点击按钮的id一个是填写的文本
setIcon
设置提示框上显示的照片。可以有以下
Ext.MessageBox.INFO
Ext.MessageBox.WARNING
Ext.MessageBox.QUESTION
Ext.MessageBox.ERROR
wait( String msg
, [String title
], [Object config
] )
显示一个具有永不停止自动变化的进度条提示框。只要是当用户有一个长时间操作时候屏蔽操作。最后你要关闭这个提示。
show( Object config
)
显示一新提示框或者重新激活一个已有的提示框。这个防疫是以一个config对象为参数的。
animEl 当提示框激活或者关闭时候绑定的一个element或者id
buttons 一个具体的button属性(见上面的属性)或者是false来不显示任何的按钮
closable 值是true或者false 。false代表不显示关闭按钮
cls css中的一个样式类
fn 回调函数 如果是prograss或者wait型的提示框将会忽略这个属性
progres 是不是要显示进度条 true、false
progressText 入过progress=true的话,显示在进度条上的文本
wait 是不是像是进度条
multiline: true下面显示一个多行文本框 false不显示文本框
progress设置为true时候,并不会显示会演进的进度条,一般需要一个函数每个多少秒进行调用。并在结束时候用Ext.Messagebox.hide()来隐藏