EXTJS入门指南：创建、事件与窗口实例

EXTJS学习笔记涵盖了ExtJS框架的基础知识和实用开发技巧，适合初次接触ExtJS的开发者。该笔记主要关注以下几个核心点： 1. **HTML引入和初始化**: - 页面通常包含三个关键的ExtJS资源链接：`ext-all.css`用于样式，`ext-base.js`和`ext-all.js`分别用于库和适配器脚本。 - `Ext.BLANK_IMAGE_URL`常用于定义默认图标路径，这在脚本中被设置为应用程序资源路径。 - 应用程序的起点是`Ext.onReady`函数，它确保在所有资源加载完成后执行指定的函数。例如，可以定义一个显示消息的简单示例或创建一个窗口。 2. **使用匿名函数和窗口实例化**: - `Ext.onReady`函数可以接受一个匿名函数作为参数，以简化代码，如在页面加载时弹出提示框。 - 进一步演示，通过`Ext.Window`类创建一个新的窗口，并设置了标题、尺寸以及窗口内的HTML内容，然后调用`show()`方法显示窗口。 3. **ExtJS类库结构**: - ExtJS的类库主要由底层API（Core）和控件(widgets)两部分构成。 - 底层API提供基础功能，如DOM操作、事件处理和查询，主要文件如`DomHelper.js`和`Element.js`位于`core`子目录。 - 控件是用户界面组件，可以直接在页面上使用的高级模块，如窗口、按钮、表格等。 4. **控件实例创建**: - 学习者将学会如何根据需求创建和配置不同的ExtJS控件，如上述例子中的窗口，涉及了窗口对象的属性设置，如标题、大小和内容。 5. **实践与进阶**: - 该笔记旨在引导读者逐步掌握ExtJS的使用，后续可能会涵盖组件组合、布局管理、数据绑定、组件事件响应等内容，以及如何与服务器端交互，实现更复杂的业务逻辑。 这份学习笔记为初学者提供了一个系统的学习路径，从基本的框架引入和初始化，到核心API的理解，再到控件的创建和应用，有助于快速上手ExtJS框架进行Web应用开发。