日期:2014-05-16  浏览次数:20347 次

ExtJs应用

?

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

---------------------------------------------------------------