mfc messagebox非模态_ext.messagebox_messagebox怎么用

从外观上来讲，浏览器自带的alert、confirm、prompt等对话框并不好看，而且配置也不灵活。诸如按钮的添加、删除、以及修改按下按钮所触发的事件等操作都非常难以执行，而在EXT的msgbox里都能实现，而且外观相当漂亮，本节将详细介绍EXT中的弹出窗口。 Ext.MessageBox为我们提供了弹出提示框的简单方法，使用它提供的alert、confirm、prompt等对话框完全可以代替浏览器原生的alert、confirm、prompt邓对话框，除此之外，Ext.MessageBox还提供了诸如进度条等更多的功能1、Ext.MessageBox.alert()的使用方法和效果图(图1所示)view plaincopy to clipboardprint?Ext.MessageBox.alert('标题','内容',function(btn){alert('你刚刚点击了'+btn);});Ext.MessageBox.alert('标题','内容',function(btn){alert('你刚刚点击了'+btn);});图1 alert效果图2、Ext.MessageBox.confirm()的使用方法和效果图(如图2所示)view plaincopy to clipboardprint?Ext.MessageBox.confirm('选择框','你到底选择Yes还是No?',function(btn){alert('您刚刚选择了'+btn);});Ext.MessageBox.confirm('选择框','你到底选择Yes还是No?',function(btn){alert('您刚刚选择了'+btn);});图2 confirm效果图3、Ext.MessageBox.prompt()的使用方法和效果图(如图3所示)view plaincopy to clipboardprint?Ext.MessageBox.prompt('输入框','随便输入一些东西',function(btn,text){alert('你刚刚点击了'+btn+", 刚刚输入了"+text);});Ext.MessageBox.prompt('输入框','随便输入一些东西',function(btn,text){alert('你刚刚点击了'+btn+", 刚刚输入了"+text);});图3 prompt效果图对话框的更多设置1、可以输入多行的输入框Ext.MessageBox.show({title:'多行输入框',msg:'可以输入多行:',width:300,buttons:Ext.MessageBox.OKCANCEL,multiline:true,fn:function(btn,text){alert('你刚刚点击了 ',btn+",刚刚输入了 "+text);}});相关属性设置：buttons:表示对话框中的按钮，Ext.MessageBox已经为我们预设定好了按钮的位置。

我们这里使用的是Ext.MessageBox.OKCANCEL,即显示OK和cancel两个按钮Multilint：表示我们可以输入多行内容，设置为true之后便自动生成一个textarea.fn:表示回调函数，它会在用户关闭对话框是接受或处理我们需要的结果。2、自定义对话框按钮我们可以使用Ext.Message.show()设置对话框中按钮的样式，如下面的代码所示Ext.MessageBox.show({title:'自定义对话框的按钮',msg:'从三个按钮中选择一个',buttons:Ext.MessageBox.YESNOCANCEL,fn:function(btn){alert('您刚刚点击了 '+btn);}});相关属性设置：buttons参数设置了Ext.MessageBox.YESNOCANCEL,这样在弹出的对话框中可以看到三个按钮。ext.messageboxYESNOCANCEL是定义在EXT中的一个变量，它的是{yes:true,no:true,cancel:true}.3、进度条进度条经常用于需要用户等待某一操作完成的场景，当执行一些十分耗时的操作时，我们需要用它来提示用户耐心等待，Ext.MessageBox为我们提供了默认的进度条，只要将progress参数设置为true，对话框中就会出现进度条，如下面的代码所示：Ext.MessageBox.show({title:'请等待',msg:'读取数据中……',width:240,progress:true,closable:false});上面我们虽然已经得到了进度条，但是它的进度状态不会发生变化，我们需要调用Ext.MessageBox.updateProgree()函数让进度条状态发生变化，通常，我们会使用closable:false来隐藏对话框右上角的关闭按钮，从而禁止用户关掉进度条。

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