学习EXTJS的前提
- JavaScript(必须)
EXTJS基本概念
-
组件(EXTJS--组件 component)
- 能够以图形化形式呈现界面的类,其中还可分为容器组件与元件组件
- 容器组件:能够包含其它容器组件或者元件组件的类,其是进行单元化组件开发的基础
- 元件组件:能图形化形式表现一个片面功能的组件,其不仅在实现了原有传统WEB程序的现有组件,而且还扩展了许多实用的组件,如刻度器、日历、树形列表等
- 类(class)
- 提供功能的非图形可形的类,它们为图形类提供了有力的支持
- 按其功能可分为:数据支持类(data)、拖放支持类(dd)、布局支持类(layout)、本地状态存储支持类(state)、实用工具类(util)
- 密封类:不能被扩展的类
- 原型类:扩展了JavaScript标准类库中的类
- 方法(method)
-
作为类的功能体现,能够产生改变对象本身产生变化的直接因素
-
方法按访问形式可分为公有方法与私有方法。但由于JavaScript从原理上根本不支持这种结构,因此在EXTJS中,私有与公有方法完全凭借着用户自觉,没有像Java那样的强制性。
-
事件(event)
-
由类定义的、并且可以在类对象自身状态发生改变的触发。
-
只有被订阅的事件才会有效
-
如果不需要此事件,应该进行退订,增强程序的执行效率
-
5、配置选项(config option)
-
可以初始化一个EXTJS类对象的手段
-
注意,配置选项并不一定就是属性,就算是属性,也有可能出现属性返回的类型与你当初指定的配置选项类型不一致的情况
-
属性(property)
-
能够在程序运行期间,能够被访问,用以了解当前类对象的状态
-
在实际的编程中,EXTJS的属性设置,比较差劲,需要通过了解其源代码,才能了解各种实用属性的用处
-
命名空间(namespace)
-
能够将编写好的EXTJS类进行有效组织的手段
-
这个也是EXTJS能够称之为优秀AJAX框架的特征之一。
下载
-
将其解压放置在服务器的一个目录中
-
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
认识EXTJS SDK中的结构 -
Air:EXTJS对于Adobe公司的富客户端技术AIR技术的支持。
-
Build:各个组件的部署版本
-
Docs:EXTJS组件API文档
-
Exampies:EXTJS自带的示例
-
Source:EXTJS各个组件的源代码
-
Resources:EXTJS所使用到的资源文件,比如CSS、图形等
EXTJS程序运行环境
-
CSS文件:这个是对EXTJS的widget的全面支持资源文件,一般情况下,我们会引用resoutces\css\ext-all.css文件
-
底层支持文件:对整个EXTJS的程序对底层操作诸如HTMLDom读写,XMLHTTPRequest的应用等,一般情况下,我们会引用adapter\ext\ext-base.js
-
环境文件:包括EXTJS的所有的技术,一般情况下,我们会引用ext-all.js
结束语
-
EXTJS技术无论以后是淘汰,还是继续发展,它都代表了一个时代,一个AJAX技术高度集成的时代,因此学习好此技术,无论是对于学习其他框架,或者是学习下一代网络软件技术RIA都是有很大好处的。
-
EXTJS的整个设计理念与我们熟悉的Java Swing有很大相似之处,希望大家在学习之余,回顾一下祖师的富客户端技术,Java Applet for Swing
-
本教程是偏重雨程序设计,不足之处是必然的,希望大家在以后的共同学习中,相互指点