Extjs起步,搭建运行环境

时间:2024-03-14 20:51:43

      最近开始学习extjs框架了,虽然现在官方已经推出了4.0版本,但是对于初学者而言,没有必要去追求新版本,经过网上搜索,发现很多电子书,****等都是根据extjs 2.2 版本来讲解的。于是,我也就下载了2.X版本

      也许你会发现,整个extjs的zip解压出来后都23M了,这么庞大的东西怎么放在前台去啊?别着急,我们只需要抽取里面必须的几个文件即可,它们分别是 adapter\ext\ext-base.js   ext-all.js  resources\css  resources\images  。把这些文件夹和文件全部抽取出来,结构如图所示 。这时你再看看文件大小1.12M,呵呵这下可以放心使用了 。

Extjs起步,搭建运行环境

         接着,在要使用的html页面中必须引入三个文件,它们分别是

 

  <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
  <script type="text/javascript" src="ext-base.js"></script>
  <script type="text/javascript" src="ext-all.js"></script>

 

    最后是IDE的选择,采用那个IDE能够很好地提示ExtJS里面的函数呢?下面请看详细的测试结果

    NO1 .Myeclipse+Spket插件

    给Myeclipse装Spket插件后,加入ext.jsb文件,并把ext设为默认,如图所示


Extjs起步,搭建运行环境

 

 

下面让我们来测试它的提示能力:

新建个JS文件,右键用Spket JavaScript Editor 打开

Extjs起步,搭建运行环境

 

当我们输入Ext.  出现了提示

Extjs起步,搭建运行环境

 

令人叹为观止的是,当进入到内部类内部需要提供configure参数的时候,既然还能提示出来,真不错

Extjs起步,搭建运行环境

 

但遗憾的是,它只能用来编写JS页面,在html中就不能产生提示了。

 

NO2. NetBeans

直接把JS文件拷贝到NetBeans项目中

Extjs起步,搭建运行环境

 

这样无论在HTML还是在JS页面中都会有提示了

Extjs起步,搭建运行环境

 


Extjs起步,搭建运行环境

 

  关于网上其它的代码提示工具,经本人亲自测试,都是鸡肋,建议大家还是不要使用其它了。

  最后上传下ext2.2中文API帮助文档,希望对大家有所帮助。

Extjs起步,搭建运行环境