学习笔记 EXTJS 第一天

学习 笔记 EXTJS 前提

javaScript，JSON，HTML DOM 必须

EｘｔJS基本概念

组件 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>