让我们开始extjs之旅

《让我们开始extjs之旅》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第2章　让我们开始ExtJS之旅2.1认识ExtJS的开发包开始ExtJS之旅的第一步是要获得开发包，可以从官方网站www.ExtJS.com下载，以保证获得最新版本。其下载地址是http://www.ExtJS.com/download，下载成功后的开发包是ExtJS-2.0.2.zip，有6.08MB大。不过不用担心，这个包并不是ExtJS程序真正运行时必须要载入的，真正必须要载入的只是这个包中的2个js和1个CSS文件，共665KB。其实这个包中包括了很多有用的资源，在正式开始开发之前，有必要对这个包中的相关资源

2、有所了解。图2-1就是解开ExtJS-2.0.2.zip之后的文件目录结构。ExtJS-2.0.2开发包中有8个文件子包与8个文件，下面分别对这些资源进行简单介绍。•adapter目录中放置的是ExtJS的核心代码与底层库（如jquery和prototype）的适配器，ExtJS是可以做到动态切换底层库的，关键就在这里了。•air包含了ExtJS以air进行改进的代码库，还有以该代码库实现的任务管理实例。•build目录是ExtJS压缩后的代码，经过压缩的代码体积更小，加载更快。•docs中当然是ExtJS的文档了，其

3、中最重要的是ExtJS的API，这是开发ExtJS程序过程中的法宝。•examples中是官方的演示示例，这里是初学者最好的学习乐园，通过对这些演示示列的熟悉，就能很图2-1ExtJS开发包的文件目录结构快掌握ExtJS开发。•package中是ExtJS各种组件的代码库，当使用到相关组件时，就需要引入这个目录中的组件实现库。•resources中是ExtJS要用到的图片文件与样式表文件，ExtJS引以为傲的漂亮外观就全部由这个目录中的文件所控制。•source目录是相对build目录而言的，就是build目录相关文件

4、压缩处理前的版本。•.htaccess文件是访问控制文件，ExtJS利用该文件实现了对CSS、html和js文件的保护，防止被直接下载，当然这个需要服务器的支持。•CHANGES.txt文件是版本的修正列表文件。•ext-all.js文件是ExtJS的核心库，是必须要引入的。14第2章•ext-all-debug.js文件是ext-all.js的调试版，在调试时需要使用到调试版。•ext-core.js文件也是ExtJS的核心库，是必须要引入的。•ext-core-debug.js文件是ext-core.js的调试版。

5、•INCLUDE_ORDER.txt文件对使用不同的底层库在引入js文件上的顺序说明。•LICENSE.txt文件是ExtJS的使用许可文件。2.2也从Helloworld开始几乎所有开发语言的学习都是从Helloworld开始的。因为Helloworld虽然只是简单的输出，但是它所要求的开发与运行环境和工作流程与写一个大型软件所要求的环境和流程没有太大的差别。所以说重要的并不在显示或者输出Helloworld，而是为成功显示或者输出这个Helloworld所经历的过程。对于ExtJS的学习，可以从Helloworld

6、开始，熟悉其开发与运行过程。ExtJS只是一套用JavaScript实现的界面层组件，所以在没有与服务器要进行数据交换的情况下，并不需要服务器的支持，在本地浏览器中就能运行得很好。第一个ExtJS程序Helloworld不需要同服务器端进行通信，只要使用简单的HTML文件即可。如代码2-1所示。代码2-1ExtJS的Helloworld代码2-1对于写过JavaScript程序的人来说并不难懂。除了HTML的框架之外，引入了1个CSS文件