"EasyExt_006_Ext基础架构_事件机制"
在深入探讨Ext的事件机制之前，先让我们回顾一下JavaScript中的事件处理基础知识。事件是用户与网页交互时产生的动作，例如点击按钮、滚动页面等。在JavaScript中，事件模型经历了从低级到高级的发展：
1. **0级DOM事件模型**：这是最早的事件处理方式，通过在HTML元素上直接绑定事件处理函数，如`onclick="function()"`。缺点是每个元素只能绑定一个处理函数。
2. **2级DOM事件模型**（W3C标准）：引入了`addEventListener`和`removeEventListener`方法，允许为同一元素注册多个事件处理函数，并支持事件捕获和冒泡阶段。事件流包括：
- **捕获阶段**：事件从文档根节点开始，向下遍历到目标元素。
- **目标阶段**：事件到达触发事件的元素。
- **冒泡阶段**：事件从目标元素向上冒泡到文档根节点。
3. **事件对象（event）**：在标准事件模型中，事件对象包含有关事件的信息，如类型、位置等。然而，IE浏览器使用全局的`window.event`来访问事件对象，造成了跨浏览器的兼容性问题。
在Ext.js框架中，事件机制被进一步扩展和优化，提供了更高级的事件处理功能：
- **基本事件**：这些是浏览器内置的事件，如`click`、`keypress`、`focus`等，可以直接使用Ext提供的API来监听和处理。
- **高级事件**：针对特定业务需求，开发者可以自定义事件。自定义事件的实现基于观察者模式，这个模式允许对象发布事件并让其他对象订阅这些事件，当事件发生时，订阅者会接收到通知。
在Ext中创建自定义事件的步骤通常包括：
1. **注册事件**：通过`on`或`addListener`方法将事件处理函数添加到事件监听器中。
2. **触发事件**：使用`fireEvent`方法来触发自定义事件，传递任何必要的参数。
3. **删除事件**：通过`un`或`removeListener`方法移除已注册的事件处理函数。
在Ext中，有一个核心类`Ext.util.Observable`（在新版本中可能是`Ext.mixin.Observable`），它提供了一套完整的事件管理和订阅机制。类的实例可以作为事件源，其他对象可以通过继承或混入Observable来实现事件发布和订阅。
- **Observable类**：定义事件的发布者，它可以声明和管理事件。
- **事件源对象**：通常是Observable的子类，它负责触发事件。
通过使用Observable，开发者可以轻松地在组件之间建立通信，实现复杂的交互逻辑。例如，一个表单组件可能需要监听另一个组件的事件来更新其状态，这时Observable的事件系统就派上了用场。
Ext的事件机制是对JavaScript原生事件模型的增强和扩展，旨在简化事件处理，提高代码复用性和可维护性，尤其在构建大型富客户端应用时，这种强大的事件系统显得尤为重要。
我的内容管理
展开
