学习 笔记 EXTJS 前提
javaScript,JSON,HTML DOM 必须
ExtJS基本概念
组件 component :能以图形化界面呈现的类,分为容器组件和元件组件。
容器组件:可以包含其他容器组件或者元组件的类,是单元化组件开发基础
元组件:能图形化形式表现片面功能的组件,包含原有传统web程序的现有组件,也有扩展了一些组件,比如刻度器,树形列表,日历。
例如textbox,
类 class :提供非图形类,为图形类提供支持。按功能分为数据支持类data,拖放支持类dd,布局支持类layout,本地状态存储支持类state,实用工具类util
: 另外还分为密封类 。 原型类:扩展javascript类库中的类,就是增强了javascript类库中的类。
方法 method :方法 是类的功能,改变对象的直接因素。方法访问形式可以分为私有公有,但是javascript不支持这种结构,所以private还是可以被调用。完全需要凭用户自觉,不像java有严格执行公有私有规范。
事件 event :由类定义 的,并且可以在类自身状态发生改变的触发。只有被订阅的触发才有效。不需要触发应该退订,增强程序执行效率,也避免内存泄露的一些情况。
配置选项 option :初始化EXTJS对象的手段。配置选项并不一定是属性,总的讲都算配置属性。也可能出现属性返回类型与当初指定的类型不符。
属性 :在程序运行期间,能够被访问,用以了解当前类状态。属性设置需要了解源代码了解用途,EXTJS API很多属性没写全。
命名空间 :对EXTJS类进行有效组织。比如两个同名类就在不同命名空间就可以存在。
EXTJS 环境配置
http://www.sencha.com/products/extjs/download/ 下载EXTJS
可以定制你的EXTJS ,不然ext-all.js文件大
将其解压放在服务器目录中
ExtJS SDK目录
1.ext-all.js 是全功能版本 ext-all-debug.js 全功能调试版本
2.ext-core.js 基本功能版本 ext-core-debug.js 基本功能调试版
用于网站建设,一般性ajax 应用
3.Adapter 为了使用其他AJAX框架为EXTJS 提供技术扩展
提供四层底层支持 EXTJS,jQuery, prototype , yui
EXTJS的窗体都是yui 提供的。
EXTJS是一个集成平台。
Air : 是ExtJs 对 Adobe 客户端 Air 技术的支持。
Build : 是各个组件的部署版本
Docs : ExtJS 组件的开发文档
Examples :ExtJs 自带示例
Source: ExtJS 组件的源代码
Resources: ExtJs 使用到的资源。图片和css等
css文件是对 ExtJs 的widget全面支持的资源文件,一般引用 ext-all.css文件
底层支持文件: 如对于整个ExtJs程序对于底层操作如HTMLDom读写,XMLHTTPRequest的应用,一般引用ext-base.js,是ExtJS 自带的适配器模式
环境文件:包括ExtJS的所有技术,一般饮用 ext-all.js
可以把ExtJS看做面向对象语言
与以前的引入三个文件不同,现在的4.0只要引用两个文件就行了。
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/bootstrap.js" ></script>