日期:2014-05-16 浏览次数:20388 次
?
ExtJs是一种Ajax的框架
1、基于javaScript语言
2、基于java Swing的MVC架构
3、支持组件化,模块化设计,提供本地数据源的支持,可绑定到控件上。
4、完善与服务端的交互机制。
------------------------------------------------------------------
Ajax的优缺点
1、局部刷新、异步提交。
2、Ajax使用的是javaScript脚本语言写的,使用Ajax会影响浏览器速度。
------------------------------------------------------------------
ExtJs概念
1、组件(component):能够以图形化形式呈现界面的类,其中还可以分为容器组件与元件组件
A、容器组件:能够包含其它容器组件或者元件组件的类,是进行单元化组件开发的基础。
B、元件组件:能图形化形式表现一个片面功能的组件,如刻度器、日历、树形列表等。
2、类(class):提供功能的非图形可形的类,按其功能可分为;
A、数据支持类(data)
B、拖放支持类(dd)
C、布局支持类(layout)
D、本地状态存储支持类(state)
E、实用工具类(util)
3、方法(method):作为类的功能体现,能够产生改变对象本身产生变化的直接因素
4、事件(event):由类定义的、并且可以在类对象自身状态发生改变的触发,只有被定阅的事件才会有效。
?
5、配置选项(config option):用以初始化一个EctJs类对象的手段。
?
6、属性(property):能够在程序运行期间,能够被访问,用以了解当前类对象的状态。
?
7、命名空间(namespace):能够将编写好的ExtJs类进行有效组织的手段。
------------------------------------------------------------------
ExtJs的环境配置
1、从http://www.extjs.com/products/extjs/dowmload.php下载ExtJs的SDK。
2、将其解压放置在务器的一个目录中。
?
使用Spket实现ExtJs的自动提示
1、下载spket.jar文件
2、运行cmd-----(找到spket.jar的目录)在提示符中输入java -jar spket.jar,选择Eclipse plugin,然后浏览你的Eclipse文件夹进行安装
3、打开Eclipse进行设置
A、点击Window--Preferences--Spket--JavaScript Profiles--New(name:ExtJs)--Add Library(ExtJS)--Add File(在source目录下找到ext.jsb文件)(将组件库全部选中)--Default--ok(最后重新启动IDE工具)
------------------------------------------------------------------
认识ExtJs SDK中的结构
1、ext-all.js和ext-all-debug.js:ext的全功能版本和调试全功能版本
2、ext-core.js和ext-core-debug.js:ext的基本功能版本和基本功能调试版本,一般用于网站建设与ajax的应用。
3、Adapter目录:为了使用其它优秀Ajax框架为ExtJs提供有力的技术支持,目前提供四种底层支持框架,Ext(ExtJs自主研发)、jquery、prototype、yui。
4、Air:ExtJs对于Adobe公司的富客户端(AIR)技术支持
5、Build:各个组件的部署版本
6、Docs:ExtJs组件API文档
7、Examples:ExtJs自带的示例
8、Source:ExtJs各个组件的源代码
9、Resurces:ExtJs所使用到的资源文件,比如CSS、图形等。
------------------------------------------------------------------
ExtJs程序运行环境
1、CSS文件:是对ExtJs的widget的全面支持资源文件,一般引用resources\css\ext-all.css文件
2、底层支持文件:对整个ExtJs的程序的底层操作例如HTMLDom读写、XMLHTTPRequest的应用等,一般引用adapter\ext\exst-base.js
3、环境文件:包括ExtJs的所有技术,一般引用ext-all.js
---------------------------------------------------------------