EXT_JS实用开发指南_个人整理笔记

EXT_JS实用开发指南主要涵盖了EXT_JS框架的基础使用和核心组件，这是基于JavaScript的富客户端应用开发库，特别适合构建桌面级的Web应用。以下是对EXT_JS开发的一些关键知识点的详细解释： 1. **引入EXT_JS库**： 在EXT_JS开发中，首先要在HTML页面中引入EXT_JS的样式表和JavaScript库文件。通常，这包括`extjs/resources/css/ext-all.css`用于样式，`extjs/adapter/ext/ext-base.js`作为适配器，以及`extjs/ext-all.js`包含EXT_JS的核心功能。`Ext.onReady`函数在页面加载完成后执行，是EXT_JS应用的启动点。 2. **使用Ext.onReady**： `Ext.onReady`是一个关键的入口点，用于在DOM准备就绪时执行应用程序代码。可以传入一个函数，这个函数会在DOM加载完成后被调用。例如，可以使用匿名函数来显示一个警告框，提示EXT_JS库已经加载完成。 3. **创建窗口（Window）**： EXT_JS允许创建各种可视化组件，如窗口。创建一个窗口可以通过实例化`Ext.Window`对象，并提供配置参数，如标题、宽度、高度和HTML内容。`win.show()`方法用于显示创建的窗口。 4. **EXT_JS类库结构**： - **底层API（Core）**：提供了DOM操作、事件处理、查询等基础功能，包括`DomHelper.js`和`Element.js`等。 - **控件（Widgets）**：EXT_JS提供了丰富的可视化组件，如面板、表格、树、窗口等，它们基于底层API构建。 - **实用工具（Utils）**：提供了数据处理、JSON编码解码、日期管理、Ajax请求、Cookie管理等辅助功能。 5. **EXT 2.0的组件体系**： EXT 2.0引入了一个清晰的组件层次结构，所有组件都基于`Component`类。每个组件都有一个`xtype`属性，用于标识组件类型。组件大致分为三类： - **基本组件**：包括Box、Button、ColorPalette、Component、Container等。 - **工具栏组件**：如Toolbar、Button、Fill、Item和Separator。 - **表单及元素组件**：Editor、EditorGridPanel、GridPanel、PagingToolbar、Panel、ProgressBar、SplitButton、TabPanel、TreePanel和Window等。 6. **组件的使用**： 创建组件时，需要指定其配置参数，如尺寸、样式、内容等。然后通过`.show()`方法显示组件，`.hide()`方法隐藏组件，以及其他的交互方法来控制组件的行为。 7. **EXT_JS的可扩展性**： EXT_JS的组件化设计使得开发者能够很容易地扩展或自定义现有组件，以满足特定应用的需求。 8. **数据绑定和数据展示**： EXT_JS支持与后台数据的双向绑定，如DataView和GridPanel可以方便地展示和编辑数据，同时提供了丰富的数据处理工具，如Store和Model。 EXT_JS通过其强大的组件模型和丰富的API，为开发者提供了构建复杂、交互性极强的Web应用的强大工具。理解并熟练掌握EXT_JS的这些基础知识，将有助于开发者快速构建高效且用户友好的Web应用。