mfc messagebox非模态_ext.messagebox_messagebox怎么用(2)

现在，我们为上面添加更新进度条的功能，我们使用timeout定时器对进度条进行修改，进度条的状态会随着时间而变化，10秒后整个进度条对话框将隐藏。关键代码如下：上面我们虽然已经得到了进度条，但是它的进度状态不会发生变化，我们需要调用Ext.MessageBox.updateProgree()函数让进度条状态发生变化，通常，我们会使用closable:false来隐藏对话框右上角的关闭按钮，从而禁止用户关掉进度条。现在，我们为上面添加更新进度条的功能，我们使用timeout定时器对进度条进行修改，进度条的状态会随着时间而变化，10秒后整个进度条对话框将隐藏。关键代码如下：Ext.MessageBox.show({title:'请等待',msg:'读取数据中……',width:240,progress:true,closable:false});var f=function(v){return function(){if(v==11){Ext.MessageBox.hide();}else{Ext.MessageBox.updateProgress(v/10,'正在读取第 '+v+' 个，一共10个。

');}};};for(var i=1;i<12;i++){setTimeout(f(i),i*1000);}4、效果我们可以为对话框设置弹出和关闭的效果，使用animEl参数指定一个HTML元素，对话框就会依据制定的HTML元素播放弹出和关闭的。我们修改前面的代码，加入animEl参数实现效果,如下面的代码所示：Ext.MessageBox.show({ title:'自定义对话框的按钮', msg:'从三个按钮中选择一个', buttons:Ext.MessageBox.YESNOCANCEL, fn:function(btn){ alert('您刚刚点击了 'btn); }, animEl:'dialog' });animEl参数的是一个字符串，它与HTML中的一个元素的id相对应，例如<div id="dialog"></div>。依据这个元素的id，我们创建的对话框才知道根据哪个元素播放弹出和关闭的Ext.Window的常用属性窗口的相关属性介绍：el:对应HTML的一个元素。layout:对应窗口的布局样式（layout:fit表示布局会充满整个窗口）closeAction：‘hide’是个常数，它用来控制用户单击右上角的关闭图标执行的操作。

参数'hide'表示关闭窗口执行的隐藏操作指令，之后我们还可以使用show（）函数来显示刚刚关闭的窗口。如果使用默认'close'，会在关闭窗口是把窗口对象销毁，这样就不能使用show()函数来显示窗口了。ext.messageboxcloseable：用户不能使用右上角的关闭按钮draggable:用户是否可以随意拖动窗口的位置Buttons ：用于设置显示在窗口底部的按钮items：包含的其他的组件窗口最大化和最小化：设置参数maximizable:true防止窗口超出浏览器：设置窗口的移动范围constrain和constrainHeader,他们分别用来限制窗口的整体和窗口顶部不能超过浏览器的边界。设置窗口中的按钮：通过buttons参数指定窗口下部的按钮。通过buttonAlign参数设置按钮的对齐方式。defaultbutton按钮用来设置用户默认选择。窗口的其他配置属性resizable：可以用来控制窗口是否可以通过拖动改变大小。resizeableHandle：用来控制拖动的方式。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-33778-2.html