ExtJS 3.2.0框架详解与入门

需积分: 9 9 浏览量更新于2024-08-01 收藏 189KB DOC 举报

"EXTJS 3.2.0文档主要涵盖了ExtJS框架的基础知识，包括其开源性质、组件系统以及配置方法。此版本的EXTJS是一个用JavaScript构建的Ajax框架，专注于开发具有丰富用户体验的Web应用程序。它最初是基于YUI（Yahoo User Interface Library）技术，但逐渐发展成为一个独立且强大的框架。 1. ExtJS简介 - ExtJS是一个用于创建富互联网应用程序（RIA）的JavaScript库，提供了一套完整的组件模型，包括窗口、面板、表格、表单等，使得开发者能够构建复杂的前端界面。 - 此框架由多个类库组成，通过JavaScript调用来实现各种功能，包括数据绑定、异步通信、事件处理等。 2. 文件结构与配置 - `adapter`目录：包含与不同底层库的适配器，如Ext自己的基础库。 - `docs`目录：存放API文档，供开发者查阅和学习。 - `examples`目录：包含使用ExtJS编写的各种示例代码，帮助理解框架的用法。 - `resources`目录：存储CSS、图片和其他UI资源。 - `source`目录：未压缩的源代码，便于阅读和调试。 - `ext-all.js`和`ext-all-debug.js`：分别是压缩和未压缩的完整库文件。配置ExtJS时，需要在HTML文件的`<head>`标签中引入相应的CSS和JavaScript文件，确保正确加载资源和样式。此外，还需要注意ExtJS的图片资源，需要将其复制到工程目录下的适当位置，以确保CSS引用的正确性。 3. 开始使用ExtJS - 开发通常从`Ext.onReady`函数开始，这个函数会在页面DOM加载完成并且ExtJS库加载完毕后执行，是编写应用程序逻辑的起点。 4. 组件系统 - ExtJS的核心是组件（Component）模型，它提供了丰富的组件类，如Panel、Window、Grid、Form等，这些组件都继承自基础的`Component`类，拥有各自的属性和方法。 - 属性介绍：组件的属性定义了它们的行为和外观，例如尺寸、位置、样式等。`xtheme-blue.css`用于设置主题样式，改变组件的视觉效果。 5. 应用程序开发 - 使用ExtJS构建应用程序时，开发者需要理解如何创建和管理组件，数据绑定，以及如何通过Ajax与服务器进行交互。 - 调试工具：在开发过程中，`ext-all-debug.js`可以帮助追踪错误，因为它的代码没有压缩，更容易理解和定位问题。 EXTJS 3.2.0文档为开发者提供了深入理解框架、快速上手和高效开发的资源。通过学习和掌握这些基础知识，开发者可以利用ExtJS创建出功能强大、界面美观的Web应用。

的容器，false 时则只隐藏和显示组

件本身（默认是为 false）

id String 组件的 id，默认为一个自动分配的 id

listeners Object 给对象配置多个事件监听器，在对象初始化时会初始化

这些监听器

plugins Object /Array 一个对象或数组，将用于增加组件的自定义功能,一

个有效的组件插件必须包含一个

init 方法，该方法可以带一个

Ext.Component 类型参数。当组件

建立后，如果该组件包含有效的插

件，将调用每一个插件的 init 方法，

把组件传递给插件，插件就能够实

现对组件的方法调用及事件应用等，

从而实现对组件功能的扩充

renderTo Mixed 混合数据参数，指定要渲染到节点的 id，一个 DOM 的

节点或一个已存在的容器。如果使

用了这个配置选项，则组件的

render()就不是必须的了

stateEvents Array 定义需要保存的组件状态信息的事件。当指定的事件

发生时，组件会保存他的状态（默

认为 none），其值为这个组件支

持的任意 event 类型，包含组件自

身的或自定义事件。

（例如：[‘click’,’customerchange’]）

stateId String 组件的状态 ID,状态管理器使用该 id 来管理组件的状态信息，

默认值为组件的 id

style String 给该组件的元素指定特定的样式信息，有效的参数为

Ext.Element.applyStyles 中的值

xtype String 指定所要创建组件的 xtype，用于构造函数中没有意义。该

参数用于在容器组件中创建子组

件并延迟实例化和渲染时使用。

如果是自定义组件，则需要用

Ext.ComponentMgr.registerType 来

剩余22页未读，继续阅读

louxueming

粉丝: 2

ExtJS 3.2.0框架详解与入门

ExtJs-3.2.0.rar

extjs3.2.0 源码工程

ext-3.2.0-ext 源文件

extjs6.2中文文档

extjs 官方文档

extjs 6.2.0 帮助文档

extjs7框架文件下载

如何在Sencha EXTJS 5中正确设置GPL和商业版的下载路径，并理解不同许可版本的区别？

extjs No such config "resizable" for class

extjs1.1的版本可以使用setwidth吗

最新资源