EXT JS点滴（1）引入有用的EXT JS内容文件

来源：互联网发布：暴风电视直播软件编辑：程序博客网时间：2024/05/17 07:50

第一步：到官方网站上下载相关的资源文件包

下载地址：http://www.extjs.com/products/extjs/download.php

EXTjs下载

第二步：将下载的包解压到指定的目录

其包中的结构如下：

EXTjs包结构

第三步：引入项目需要的相关文件

注：一定要按上面的顺序引入

第四步：来一个最经典的Hello World练习!

效果如下：

EXT JS HELLO WORLD

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>EXT JS点滴（1）引入有用的EXT JS内容文件</title><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></head><script type="text/javascript"></script><body><div id="hello"></div></body></html>

注：如果你下载的是含有原文件，API，例子的EXT JS则最后发布时，可以发布引用的文件和相关文件就可。

最小集合是这样：ext-all.js，adapter/ext/ext-base.js和整个resources目录。

ext-all.js，adapter/ext/ext-base.js就包含了ext的所有功能，所有的js脚本都在这里了。
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>

请注意js脚本的导入顺序，其他的就可以自由发挥了。