ExtJS 学习系列（2）---Message Box 详解（1）

1.回顾

上一讲在入门的配置中，简单的介绍了ExtJS的下载和配置。简单用一个Message box 显示了通俗的Hello world 对话框的弹出。究竟Message是如何使用的，事件是如何触发的呢。ExtJS提供了一套强大的事件处理机制，通过这些事件处理机制来响应用户的动作、监控控件状态变化、更新控件视图信息、与服务器进行交互等等。事件统一由Ext.EventManager对象管理，与浏览器W3C标准事件对象Event相对应，Ext封装了一个Ext.EventObject事件对象。支持事件处理的类(或接口)为Ext.util.Observable，凡是继承该类的组件或类都支持往对象中添加事件处理及响应功能。
首先回顾一下从前我们在处理普通的JS代码时候是如何使用的：

Code

在从前我们通过onclick方法触发js里面的函数。显然，结果是单击btn1按钮，触发f（）函数，弹出窗口。

2.ExtJS中，方法的调用。

其事件的处理和普通的没有什么太大的区别。如下：

Code

Ext.get("btn1")的到btn按就关联的Element对象，可以直接调用对象的方法addListerner给其添加事件。第一个参数表示时间的名称，而第二个参数表示时间处理器或者是整个响应函数。我们通常使用addListerner的别名on来代替它。因为这个方法实在太普遍了。on简单方便。达到同样的效果。效果如下图所示。