天天看点

实用ExtJS教程100例-005:自定义对话框Ext.MessageBox.show

我们对extjs对话框进行了三篇演示:

<a href="http://www.qeefee.com/article/extjs-100-examples-002-messagebox">messagebox的三种用法</a>

<a href="http://www.qeefee.com/article/extjs-100-examples-003-messagebox-with-progressbar">进度条对话框ext.messagebox.progress</a>

<a href="http://www.qeefee.com/article/extjs-100-example-messagebox-wait">等待对话框ext.messagebox.wait</a>

通过上面三篇内容的演示,相信你已经基本上了解了extjs的基本样式,这篇文章将演示如何使用自定义extjs对话框。

要显示自定义的对话框,我们需要用到ext.messagebox.show方法。先来看一个简单的例子:

看到了吧,ext.messagebox.show方法的参数是一个配置对象,配置中有title、msg、width、buttons等配置项,用来决定对话框的显示内容。

这些配置项的说明如下:

title:标题

msg:内容

width:对话框窗口的宽度

buttons:对话框底部显示的按钮,它可以是下面的枚举值:

ext.messagebox.ok

ext.messagebox.yes

ext.messagebox.no

ext.messagebox.cancel

或者可以是一些按钮组合:

ext.messagebox.okcancel

ext.messagebox.yesno

ext.messagebox.yesnocancel

multiline:为true的时候显示一个多行的输入框,默认为false

fn:回调函数,它接收三个参数:

buttonid:用户点击的按钮的id,如果是ok按,就是小写的ok。由于有四种按钮,所以它的值可以是:ok、no、yes、cancel

text:在有文本框的对话框中,text为用户输入的值

opt:传递给show方法的配置项

animatetarget:显示打开/关闭动画时候的目标元素,可以是元素id或ext.dom.element对象

icon:对话框中显示的图标,它的可用项有:

ext.messagebox.info

ext.messagebox.warning

ext.messagebox.question

ext.messagebox.error

实用ExtJS教程100例-005:自定义对话框Ext.MessageBox.show

我们可以使用自定义对话框显示之前所有的效果。

如果认为此文对您有帮助,别忘了支持一下哦!

声明:本博客原创文字只代表本人工作中在某一时间内总结的观点或结论,与本人所在单位没有直接利益关系。非商业,未授权,贴子请以现状保留,转载时必须保留此段声明,且在文章页面明显位置给出原文连接。

转载:http://www.cnblogs.com/youring2/p/extjs-100-examples-005-custom-messagebox.html

继续阅读