EXTJS 是一个强大的JavaScript 库，专用于构建富客户端Web应用程序。它的核心在于提供了一套完整的组件模型，允许开发者创建复杂、交互丰富的用户界面。在EXTJS 的开发中，了解并掌握其基本结构和使用方法至关重要。
EXTJS 页面的基础设置通常包括引入CSS样式表和JavaScript库文件。例如：
```html
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
```
这些文件分别提供了EXTJS 的样式和必要的JavaScript 功能。`Ext.BLANK_IMAGE_URL` 是EXTJS 为某些组件（如树形控件）设置的占位符图像URL。
EXTJS 应用程序的启动通常从`Ext.onReady` 函数开始。这个函数会在DOM加载完成后执行，确保在操作DOM元素时页面已经完全准备就绪。例如，我们可以使用如下方式在页面加载完毕后弹出提示框：
```javascript
Ext.onReady(function () {
alert("ExtJS 库已加载！");
});
```
或者，如果希望在窗口中显示内容，可以创建一个`Ext.Window` 实例，如下：
```javascript
Ext.onReady(function() {
var win = new Ext.Window({
title: "Hello",
width: 300,
height: 200,
html: '<h1>Hello, easyjf open source</h1>'
});
win.show();
});
```
EXTJS 的类库主要由以下几个部分组成：
1. **底层API（core）**：这是EXTJS 的基础，包括对DOM的操作、事件处理、查询工具等，如`DomHelper.js` 和`Element.js`。这些API为其他所有组件提供了基石。
2. **控件（widgets）**：EXTJS 提供了一系列可视化组件，如面板、表格、树、窗口、菜单等。这些控件构建于底层API之上，位于源代码的`widgets`子目录中。
3. **实用工具（Utils）**：EXTJS 提供了许多实用工具函数，如数据格式化、JSON操作、Ajax请求、日期处理、数组操作等，方便开发者进行各种功能的实现。
EXTJS 2.0 版本引入了更加清晰的组件层次结构，组件体系包括基本组件、工具栏组件和表单及元素组件。每个组件都有一个`xtype`属性，标识其类型，便于创建和管理。组件分类如下：
- **基本组件**：如`Ext.BoxComponent`（带边框的组件）、`Ext.Button`（按钮）、`Ext.Panel`（面板）等。
- **工具栏组件**：`Ext.Toolbar`（工具栏）、`Ext.SplitButton`（可分裂的按钮）等。
- **表单及元素组件**：`Ext.Editor`（编辑器）、`Ext.grid.EditorGridPanel`（可编辑的表格）等。
EXTJS 的强大之处在于它提供了丰富的组件库和灵活的布局机制，使得开发者可以轻松构建复杂的应用程序界面，同时保持良好的性能和响应性。通过熟练掌握EXTJS 的这些基础知识，开发者能够高效地构建高质量的Web应用程序。
