第一步:到官方网站上下载相关的资源文件包
下载地址:http://www.extjs.com/products/extjs/download.php
第二步:将下载的包解压到指定的目录
其包中的结构如下:
第三步:引入项目需要的相关文件
注:一定要按上面的顺序引入
第四步:来一个最经典的Hello World练习!
效果如下:
代码如下:
注:如果你下载的是含有原文件,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脚本的导入顺序,其他的就可以自由发挥了。