[ExtJs5.1.0系列-第二天] 信息提示框组件<Ext.MessageBox>

    在介绍ExtJs信息提示框组件之前，我们先来介绍一下ExtJs的组件配置。

    ExtJs组件通常有两种配置形式: (1) 用逗号分割的参数列表;  (2) 使用JSON对象作为组件提供配置信息。对于比较简单的配置一般采用逗号分隔的参数列表进行设置，对于较复杂的配置一般采用JSON对象的方式为组件提供配置信息。

    JSON简单介绍:

    JSON的全称是JavaScript Object Notation(JavaScript对象符号)。JSON是一种结构化的，轻量级的，完全独立于语言的，基于文本的数据传输格式，在很多场合下用来替代XML文件格式。在表达相同的信息时，JSON比XML形成的文件更小、更便于机器解析。

    JSON格式非常适合于那些具有一些属性和值得简单对象，它以"{"开始，以"}"结束，属性名和值用":"分隔，属性间用","分隔。

    更多关于JSON的介绍，请移步: http://www.json.org/ (都是很简单的英文，大家看一下，后续有时间将在博客中介绍JSON的使用)

----------------------------------------------------------------------------------------------------- 信 息 提 示 框 组 件 -----------------------------------------------------------------------------------------------------

     信息提示框组件介绍:

    认识Ext.window.MessageBox

    Ext.window.MessageBox是一个工具类，它继承自Ext.window.Window对象，用来生成各种风格的信息提示对话框，其实例对象可通过Ext.MessageBox或Ext.Msg进行访问，使用Ext.MessageBox和使用Ext.Msg效果相同。下面将介绍ExtJs中各种各样的信息组件提示框。

    1. Ext.MessageBox.alert()

    一个只读信息提示框，用来代替JavaScript标准的alert()方法，有一个确定按钮，如果为其提供一个回调函数，则该函数将在单击按钮后被调用(不包括右上角的退出按钮)，所单击按钮的id将被作为唯一的参数传递到回调函数中。

    调用格式: 

        alert(String title, String msg, [Function fn], [Object scope])

    参数说明:

        title: 提示框的标题;

        msg: 显示的信息内容;

        [Function fn]: (可选) 回调函数;

        [Object scope]: (可选) 回调函数的作用域。

    返回值: Ext.window.MessageBox

    示例代码:

Ext.onReady(function() {  
	Ext.Msg.alert(‘Information‘,‘Hello World, LvSantorini‘, callback);  
	function callback(id) {
		console.log("单击的按钮ID是: " + id);
	}
});

    运行结果:

    <图片内容仅作为示例，实际点击OK按钮，信息提示框消失，然后控制台输出>

    注意：ExtJs中方法调用格式中的参数名称不同于Java，如果使用JSON配置方法，每个参数的类型要对应，名称也要对应(JSON配置将在本小节最后讲到)

    2. Ext.MessageBox.confirm()

    显示一个确认信息提示框，用来代替JavaScript标准的confirm()方法，具有两个按钮"是"和"否"，如果为其提供一个回调函数，则该函数将在单击按钮后被调用，所单击按钮的id将被作为唯一的参数传递到回调函数中。

    调用格式:

        confirm(String title, String msg, [Function fn], [Object scope])

    参数说明: 参数含义与Ext.MessageBox.alert()相同

    返回值: Ext.widnow.MessageBox

    注意：

    Ext.MessageBox提供的信息提示框与JavaScript提供的原始信息提示框alert的差别:

    1. 实现方式。标准JavaScript提供的信息提示框对话框是一个真正的弹出窗口，而Ext.MessageBox提供的对话框是在当前页面显示一个层(div);

    2. 显示信息的格式。标准JavaScript提供的信息提示对话框中所显示的内容只能是纯文本，不可以显示HTML格式文本，也不可使用HTML中格式化方法进行排版，而Ext.MessageBox既支持纯文本也同样可以使用HTML格式文本，显示效果丰富多彩;

    3. 对程序运行的影响。标准JavaScript提供的信息提示框会对JavaScript程序的运行产生阻塞，而Ext.MessageBox是异步的，它的调用不会停止浏览器中代码的执行。如果需要实现JavaScript信息提示框的功能，Ext.MessageBox需要通过回调函数来控制程序执行。

' ref='nofollow'>[ExtJs5.1.0系列-第二天] 信息提示框组件

原文：http://my.oschina.net/LvSantorini/blog/504770