Ext JS学习笔记(一)部署

     EXT JS通常简称为EXT,它是一个非常优秀的Ajax框架,可以用来开发具有炫丽外观的富客户端应用。它是一个用JavaScript编写的与后台技术无关 的Ajax框架。EXT绚丽多彩的界面吸引了许多程序员的眼球,同时也吸引了众多客户,它似乎一夜之间就迅速流行开来。对于企业应用系统,尤其是MIS类 型的系统而言,EXT非常适用。

     EXT可以到官网下载:http://extjs.com/products/extjs/download.php

     解压后的目录如图:

文件夹以及文件说明:

  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下的所有类。

 

    应用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>
    测试:
   页面包含上述语句后,加入以下代码:
 <script type="text/javascript">
  function fn()
  {
  alert(‘ExtJS库已加载!’);
  }
  Ext.onReady(function ()
  {
  alert(‘ExtJS库已加载!’);
  }
  );
</script>

   若成功弹出"EXT库已加载"对话框,那么恭喜你,表示ext已经正确加载了,接下来就开始感受ext的绚丽效果吧!

你可能感兴趣的:(function,ext,ExtJs,resources,ajax框架,stylesheet)