extjs 读书笔记（1）

 很长一段时间没有写文章，现在终于有时间写写文章了。最近正在忙于学新的知识 --extjs.

现在先介绍一下这个，

 

ExtJS是一个很优秀的Ajax框架，可以用来开发带有华丽外观的RIA(富客户端)的AJAX应用，使得我们的B/S应用更加具有活力及生命力。由于它是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。 ExtJs最开始基于YUI技术，由开发人员Jack Slocum开发，通过参考Java Swing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，还是数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。

 

其实我一直做的是后台开发，可是在项目比较忙的时候，美工缺少的情况下，用这个足以解决页面设计的开发问题。当然有一个出色的美工帮忙设计是最好的事情。

 

言归正传，如何搭建extjs环境：

（1）到官方网站下载，这是开源的项目，http://www.extjs.com/products/extjs/download.php

（2）把下载的解压缩之后放在开发的项目

extjs目录结构：

•   adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。

•    build：  压缩后的ext全部源码(里面分类存放)

•    docs：  API帮助文档。

•    exmaples：提供使用ExtJs技术做出的小实例。

•   resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。

•   source： 无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU （LGPL） 开源的协议。

•   Ext-all.js：压缩后的Ext全部源码。

•   ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。

•   ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类

•   ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。

（3）在页面设计开发中 ：

应用extjs需要在页面中引入extjs的样式及extjs库文件，样式文件为resources/css/ext-all.css，extjs的js库文件主要包含两个，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基础库，ext-all.js是extjs的核心库。adapter表示适配器，也就是说可以有多种适配器，因此，可以把adapter/ext/ext-base.js换成adapter/jquery/ext-jquery-adapter.js，或adapter/prototype/ext-prototype-adapter.js等。  

• 因此，使用 ExtJS 框架的页面一般包括下面几句：

 <link rel="stylesheet" type="text/css”  href="extjs/resources/css/ext-all.css" >

<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="extjs/ext-all.js"></script>

 

在 ExtJS 库文件及页面内容加载完后， ExtJS 会执行 Ext.onReady 中指定的函数。