深入剖析ExtJS 2.2实现及应用连载(4):如何学习ExtJS

深入剖析ExtJS 2.2实现及应用连载  版权所有，谢绝转载  作者：彭仁夔 QQ：546711211

1.4如何学习ExtJS

如何学习Ext，是所以刚接触它的读者都会问到的问题？学习Ext最好的办法就是独立去实现一个应用系统，这个demo系统的相关的功能可以对着Ext包中自带的例子进行改进，在实现系统的过程肯定会碰到这样那样的问题，可以通过从相关论坛中询问来解决或尝试分析Ext的源码来进行剖析其问题所在。在开发之前，我们得先知道从那里下载Ext,如何搭建快速开发环境和那些较好的论坛。下面就这几个方面进行讲解。

获取源码并部署

 首先我们得获到Ext的源码或相关的文件。我们可以通过http://www.extjs.com/products/extjs/download.php到其官方网站下载最新的版本。目前是2.2版本，如图：

                

    图1.2     Ext的下载页面

我们只要点击ExtJs2.2 SDK后面的download就可以下载所需要的Ext类库。它包括源码，实例，文档等。

下载完成之后，为了能运行其文档或例子，我们要把其解压部署在容器中，如IIS，tomcat中。只要把其根目录文件夹直接拷到对应的容器就可以。接下就可以通过

http://localhost:8080/ext-2.2/docs/index.html这样的方式访问到其文档，或通过

http://localhost:8080/ext-2.2/examples/samples.html来访问其实例，如图：

                图1.3         extjs自带实例演示

 

我们可以通过其实例的演示再分析其实现过程。

Eclipse及spket的开发环境的搭建

欲善其事 先利其器，在使用和开发Ext之前，我们也要找到一个好的工具。Ext有众多的类和方法，基本上是记忆不住每一个的拼写。我们得找到相关的提示的工具。但是提示JS是一件很难的事情。apanata可以说是做得比较好，但是对于Ext的提示不倒位。spket是开发Ext的利器。不但能支持点串形式的提示，而且还能支持链式的代码查看。这对于学习Ext有得极大的帮助。

Spket可以免费使用，它以Eclipse插件的形式提供。我们可以在eclipse中强大的功能少集成spket。这样开发其它代码或js都可以在同一个工具。在eclipse中安装spket很简单：其步骤如下：
     1、在eclipse菜单中选择Help -> Software Updates -> Find and Install...-> Search for new features to install ->New remote site...。这时会弹出一个窗口，如下图，在Name:中输入 "Spket", 在Url:中输入 http://www.spket.com/update/。点击ok按钮。之后按提示一步步进行相关的操作，下载完毕重启 Eclipse。

图1.4  eclipse中安装spket插件

2、在eclipse菜单中选择Window -> Preferences -> Spket -> JavaScript Profiles -> New ；弹出窗口，输入名字：“ExtJS”点击OK。这时ExtJS会出现在主窗口中，选择“ExtJS” 并点击“Add Library”弹出一个小窗口，在该小窗口中下拉条中选取“ExtJS”，为ExtJS指明其属于那一种类型。接下来在主窗口中选择 “ExtJS”并点击“Add File”，然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件；
   3、设置新的ExtJS Profile，选中并点击“JavaScript Profiles” 对话框右边的“Defalut”按钮；
   4、JS打开方式为 Window -> Preferences ->General-> Editors-> File...选择JS 为 Spket JavaScript Editor(default)。
   现在我们就可以在Ext中使用spket。看一下其功能。只要把鼠标放在相对的方法中，它会弹出其使用说明。在编写代码中，它会自动提示，这样就给我们开发学习提供了很大的方便。而且当按在ctrl+鼠标点击就会跳转到该方法的源码处。如下图所示

图1.5   代码提示

 

学习的论坛

在学习和使用Ext，肯定会碰到各种各样的问题。这些问题有的时候自定不能解决，就得求助于他人。Ext的广泛的应用，在网络上有很多相关技术讨论的论坛。就一些常用论坛做一些介绍。

u       Ext官方论坛

   Ext官方论坛可以说是最权威的讨论Ext技术的论坛。它是Ext和用户交流的窗口。不但提供众多的Ext的扩展组件。还提供了Ext新的功能需求，求助等众多版块。问题基本能从这边得到解决。其网址：http://www.extjs.com/forum/。

u       JavaEye论坛

JavaEye与Ext不同，它是中文论坛。它的Ajax的模块基本上成为中国Ext高手讨论Ext技术的专版。在这里你能很快得到相关的Ext的技术帮助和学习的资料。其网址：http://www.javaeye.com/forums。

u       dojo中国

 dojo中国本来是为了dojo进行中文化的Ajax的网站。而现在却成了Ext相关的知识的讲解的网站，从名字上来看讲Ext不伦不类，但是其中的一些文章及视频教程对于初学者还是有很大的帮助。其网址：http://www.dojochina.com/。

 

深入剖析ExtJS 2.2实现及应用连载  版权所有，谢绝转载  作者：彭仁夔 QQ：546711211

转载于:https://www.cnblogs.com/jxnuprk/archive/2008/12/07/1349658.html