ext安装说明

网上抄来的！！

为了照顾连最基本应用都跑不起来的同志，我们给出两个入门版helloworld范例，并结合讲解，领你入门呢。

1.7.1. 直接使用下载的发布包

1. 先去http://www.extjs.com/download下载zip格式的发布包

2. 随便解压缩到什么目录下，不管目录名是什么，最后应该看到里边是这样的目录结构。

   

3. 现在我们利用它的目录结构，写一个helloworld例子。

   进入上图中的examples目录，新建一个helloworld目录，helloworld目录下新建一个helloworld.html文件，将下列内容复制进index.html文件中。

   <link rel="stylesheet" type="text/css" href="../../../resources/css/ext-all.css" />
   <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
   <script type="text/javascript" src="../../ext-all.js"></script>
   <script type="text/javascript" src="../examples.js"></script>
   
   <script>
   Ext.onReady(function(){
       Ext.MessageBox.alert('helloworld', 'Hello World.');
   });
   </script>

4. 双击helloworld.html打开页面，效果如下：

   

很高兴的告诉您，咱们的helloworld范例已经正确的执行了，下一步你最好把examples目录下的例子都看一看，再看看里边的代码怎么写的，好好感受一下ext的风范，再继续下去。

1.7.2. 只把必要的东西放进项目中

想把ext放入自己的项目，需要自己整理一下，因为发布包里的东西并非都是必要的，比如文档，比如例子，比如源代码。

必要的最小集合是这样：ext-all.js，adapter/ext/ext-base.js，build/locale/ext-lang-zh_CN.js和整个resources目录。

1. ext-all.js，adapter/ext/ext-base.js就包含了ext的所有功能，所有的js脚本都在这里了。

2. build/locale/ext-lang-zh_CN.js是中文翻译。

3. resources目录下是css样式表和图片。

自己的项目里只需要包含这些东西，就可以使用ext了。使用时，在页面中导入：

<link rel="stylesheet" type="text/css" href="${放置ext的目录}/resources/css/ext-all.css" />
<script type="text/javascript" src="${放置ext的目录}/ext-base.js"></script>
<script type="text/javascript" src="${放置ext的目录}/ext-all.js"></script>
<script type="text/javascript" src="${放置ext的目录}/ext-lang-zh_CN.js"></script>