Extjs入门

曾经终败给现在 2023-10-04 12:51 34阅读 0赞

#### 1、什么是Extjs ####

Ext JS 是一个强大的JavaScript类库，提供了丰富且美观的UI组件，和easyUI类似，但更强大，因而使用了Ext JS，您需要写的代码基本上是JavaScript，不需要写HTML，它主要用于创建前端用户界面，是一个与后台技术无关的前端Ajax框架，因此，可以把Ext JS用在Java、.Net、PHP等各种开发语言开发的应用中。  
Ext JS属于Ajax技术，基于JavaScript语言及Java Swing的MVC架构，支持组件化、模块化设计，提供“本地数据源”的支持，完善与服务端的交互机制，是最有可能拥有大规模可视化集成开发环境的Ajax技术。

#### 2、Extjs优点 ####

*  强大且丰富的UI组件
 *  浏览器兼容性好
 *  可同时支持pc端和移动端
 *  提供多种响应式的应用程序模块
 *  实用的工具封装

#### 3、Ext JS基本概念 ####

###### 1、组件 component ######

*  能够以图形化形式呈现界面的类，其中还可以分为容器组件与元件组件
 *  容器组件：能够包含其它容器组件或者元件组件的类，其是进行单元化组件开发的基础
 *  元件组件：能图形化形式表现一个片面功能的组件，其不仅在实现了原有传统WEB程序的现有组件，而且还扩展了许多实用的组件，如刻度器、日历、树形列表等

###### 2、类 class ######

*  提供功能的非图形可形的类，它们为图形类提供了有力的支持
 *  按其功能可分为：数据支持类（data）、拖放支持类（dd)、布局支持类（layout）、本地状态存储支持类（state）、实用工具类（util）
 *  密封类：不能被扩展的类
 *  原型类：扩展了JavaScript标准类库中的类

###### 3、方法 method ######

*  作为类的功能体现，能够产生改变对象本身产生变化的直接因素
 *  方法按访问形式可分为公有方法与私有方法。但JavaScript从原理上根本不支持这种结构，因此在Ext JS中，私有与公有方法完全凭借着用户自觉，没有像Java那样的强制性。

###### 4、事件 event ######

*  由类定义的、并且可以在类对象自身状态发生改变的触发。
 *  只有被订阅的事件才会有效
 *  如果不需要此事件，应该进行退订，增强程序的执行效率

###### 5、配置选项 config option ######

*  用以初始化一个Ext JS类对象的手段
 *  注意，配置选项并不是一定就是属性，总算是属性，也有可能出现属性返回的类型与你当初指定的配置选项类型不一致的情况。

###### 6、属性 property ######

*  能够在程序运行期间，被访问，用以了解当前类对象的状态
 *  在实际的编程中，Ext JS的属性设置，比较差劲，需要通过了解其源代码，才能了解各种实用属性的用处。

###### 7、命名空间 namespace ######

*  能够将编写好的Ext JS类进行有效组织的手段
 *  这个也是Ext JS能够称之为优秀Ajax框架的特征之一

#### 4、Ext JS SDK中的结构 ####

*  ext-all.js和ext-all-debug.js: extjs的全功能版本和调试全功能版本
 *  ext-core.js和ext-core-debug.js: extjs的基本功能版本和基本功能调试版本，一般是用于网站建设与一般性AJAX应用
 *  Adapter目录:为了使用其它优秀AJAX框架为EXTJS提供有力的技术支持，而提供的适配器模式，目前提供了四种底层支持框架，Ext(由EXTJS自主开发)、JQuery、prototype、yui
 *  Air:EXTJS对于Adobe公司的富客户端技术AIR技术的支持。
 *  Build:各个组件的部署版本.
 *  Docs:EXTJS组件API文档
 *  Examples:EXTJS自带的示例
 *  Source:EXTJS各个组件的源代码
 *  Resources:EXTJS所使用到的资源文件，比如css、图形等