ExtJs4.1目录结构介绍和使用说明

最新推荐文章于 2018-01-25 09:04:18 发布

lCBLYY

最新推荐文章于 2018-01-25 09:04:18 发布

阅读量231

点赞数

分类专栏： ExtJS 文章标签： extjs4.1目录结构说明

ExtJS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

去官网下载extjs4.1.1版本，下载地址：http://extjs.org.cn/node/558。此版本相对于之前的版本目录结构发生了一些变化，没有了adapter目录.

一、目录结构如下图：

二、文件夹及文件的说明

build：文件夹下有一个sdk.jsb3文件，这个文件用于eclipse中spket插件，可以实现ExtJs的代码提示功能；

    builds：压缩后的ExtJS代码，体积更小，更快；
    docs：开发文档；
    examples：官方演示示例；
    locale：多国语言资源文件；
    pkgs：ExtJS各部分功能的打包文件；
    resource：ExtJS所需要的CSS与图片文件；
    src：未压缩的源代码目录；
    bootstarp.js：ExtJS库引导文件,可通过参数自动切换ext-all.js与ext-all-debug.js；
    ext-all.js：ExtJS核心库,需要引用；
    ext-all-debug.js：ExtJS核心库的调试版,调试时使用。

注：EXTJS文件的区别：

    ext-all.js：包含所有的EXTJS框架文件，已经混淆
    ext-all-debug.js：包含所有的EXTJS框架文件，没有混淆
    ext-all-dev.js：包含所有的EXTJS框架文件，没有混淆，且包含调试信息
    ext.js：仅包含能让EXTJS运行的最小集合，已经混淆
    ext-debug.js：仅包含能让EXTJS运行的最小集合，没有混淆
    ext-dev.js：仅包含能让EXTJS运行的最小集合，没有混淆，且包含调试信息
    bootstrap.js：自动加载ext-all.js或者ext-all-debug.js，在以下情况下会加载ext-all-debug.js

        1.当前主机名是本地
        2.当前主机是使用IPV4地址
        3.Current protocol is a file
        4.其他情况下自动加载ext-all.js

我们在进行Ext开发的时候只需将ext-all.js、ext-all-debug.js、bootstarp.js和locale文件夹里的ext-lang-zh_CN.js以及resource整个文件夹拷入项目的ExtJs4（名字随便起）文件夹里。

       三、页面引用及实例
      1.引入Ext的extjs-4.1.1/resources/css/ext-all.css
      2.引入ExtJS的核心库extjs-4.1.1/ext-all.js或者extjs-4.1.1/ext-all-debug.js

3.引入ExtJS的核心库extjs-4.1.1/locale/ext-lang-zh_CN.js
4.引入自己写的实现本页面功能的JS.

index.jsp

<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<link rel="styleSheet" type="text/css" href="extjs/resources/css/ext-all.css" />

<script type="text/javascript" charset="utf-8" src="extjs/ext-all-debug.js"></script>

<script type="text/javascript" charset="utf-8" src="extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript" charset="utf-8" src="test.js"></script>
</head>
<body>
</body>
</html>

test.js

Ext.onReady(function() {
  var win = Ext.create('Ext.window.Window',{
   id:'win',
   title:"aaa",
   height:300 ,
   width:300,

   html:"我是一个窗口",
   renderTo:Ext.getBody()//渲染在index.jsp的body上，没有这句不会显示
  });
  win.show();
});

lCBLYY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ExtJs4.1目录结构介绍和使用说明

去官网下载extjs4.1.1版本，下载地址：http://extjs.org.cn/node/558。此版本相对于之前的版本目录结构发生了一些变化，没有了adapter目录. 一、目录结构如下图：&lt;!--StartFragment --&gt; 二、文件夹及文件的说明 build：文件夹下有一个sdk.jsb3文件...
复制链接

扫一扫