首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

ext的容易示例

2012-11-23 
ext的简单示例下载EXT-2.2版本,其目录结构说明:1:adapter目录下放置的是EXT的核心代码和底层库,包括jQuery

ext的简单示例
下载EXT-2.2版本,
其目录结构说明:
1:adapter目录下放置的是EXT的核心代码和底层库,包括jQuery,Prototype,和YUI的适配器

2:build目录下放置的是EXT压缩后的代码

3:docs目录是EXT的文档,

4:examples是官方示例

5:resources目录下是EXT要用到的图片文件和样式文件

6:source也是存放的源码文件,只是未压缩

7:CHANGES.html是版本休整的列表文件

8: est-all.js文件是EXT对的核心库

9:ext-all-debug.js文件是ext-all.js的调试版,在调试的时候需要使用

10:ext-core.js也是EXT的核心库

11:ext-core-debug.js是ext-core.js的调试版

12:INCLUDE_ORDER.txt,此文件说明了再页面上引用底层库时js文件的引用顺序(特别重要)

13:LICENSE.txt,是EXT的使用许可文件



以下是EXT的简单示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>helloextjs.html</title><meta http-equiv="content-type" content="text/html; charset=UTF-8">                //加载顺序,ext-base.js在前,ext-all.js后加载<link rel="stylesheet" type="text/css"href="./js/resources/css/ext-all.css"><script type="text/javascript" src="./js/ext-base.js"></script><script type="text/javascript" src="./js/ext-all.js"></script><script type="text/javascript" src="./js/ext-lang-zh_CN.js"></script></head><body><script>Ext.onReady(function(){Ext.MessageBox.alert("hello","hello");});</script></body></html>


特别注意js的加载顺序!!!!!!!!!!!!

热点排行