文档章节

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

Junn
 Junn
发布于 2013/01/17 14:15
字数 944
阅读 6259
收藏 9

一、在做ExtJs开发之前首先要到网站上下载ExtJs的开发包,我用的最新版本是4.1.1。此版本相对于之前的版本目录结构发生了一些变化,没有了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(名字随便起)文件夹里。

二、查看本地API

    ExtJs的帮助文档已经跟随代码被下载到电脑上了,在extjs-4.1.1/docs/文件夹中,所有的帮助文档全部在这里了,但是当我直接点击该文件夹下的index.html进行查看时,却发现一直显示在加载中,如下图所示

    网上搜了下资料后,尝试了一下两种方法解决问题:

    1、将文件夹放在Tomcat服务器下,可以将下载下来的整个ExtJs文件拷贝到..\Apache Software Foundation\Tomcat 6.0\webapps文件夹下,然后启动Tomcat服务器,在浏览器中输入http://localhost:8080/extjs-4.1.1/docs/即可进入Ext JS4.1帮助文档的首页。网上说这是由于打开帮助文档用到了Ajax,所以需要部署到服务器上。

    2.查看doc文件夹下的index.html文件,发现没有加载ext-all.js,却加载的是ext.js。而ext.js仅包含能让EXTJS运行的最小集合,ext-all.js:包含所有的EXTJS框架文件,于是猜想是这个问题导致。于是试着将<script type="text/javascript" src="../ext.js"></script>改成<script type="text/javascript" src="../ext-all.js"></script>,然后双击inde.html后可以正常加载API文档了。

    以上两种方法均解决了问题,但是我不明白的是为什么将其部署到服务器上而不将原来加载的ext.js文件改为ext-all.js可行,而单独将加载文件改一下也可行,不知道其根本原因是什么。我猜想是由于部署到服务器上之后可以用到所有相关的文件;而通过双击index.html的方式打开帮助文档由于只加载了ext.js而不能正常显示,当改为ext-all.js后,则可正常显示。

三、页面引用
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.引入自己写的实现本页面功能的JS.

© 著作权归作者所有

Junn
粉丝 143
博文 412
码字总数 288918
作品 0
海淀
技术主管
私信 提问
加载中

评论(1)

大侠柳云枫
大侠柳云枫
好文章,收藏了
使用sencha cmd 3.0创建sencha touch项目

Sencha最新发布了sencha cmd3.0,使用这个命令行工具,我们将可以更方便创建、更新和部署sencha touch项目。另外,这个工具同样也支持extjs4.1项目的创建和管理。这里我们暂且只介绍在sench...

crazymus
2012/11/14
2.3K
7
机智云实验室/GizOpenSource_AppKit_Android

机智云物联网开源框架App ================ 此为Eclipse版本。Android Studio版本下载地址:https://github.com/gizwits/GOpenSourceAppKitAndroidAS 介绍 机智云开源框架(GizOpenSourceAp...

机智云实验室
2016/10/28
0
0
Sencha Cmd 3.1 之 主题开发

本篇文章主要介绍sencha cmd3.1的使用以及ExtJS4.2的主题开发。 废话不多说,我们来直接看如何使用sencha cmd3.1来生成项目结构,然后再此基础上制作自己的主题。 要实现如上功能,你需要安装...

爪哇小贩
2013/05/05
1K
1
【selenium】selenium全分享

第一节:selenium基础 【http://note.youdao.com/noteshare?id=43603fb53593bfc15c28bc358a3fa6ec】 目录: selenium简介 基于python的环境搭建与pycharm的使用说明 环境搭建与日常常见问题 ...

youngfree
2018/07/27
0
0
CigoOS/CigoAdmin

CigoAdmin 项目介绍 CigoAdmin为西谷开源(CigoOS)项目组开发的通用Web后台项目,项目基于ThinkPHP3.2框架,免费开源。 项目地址 https://gitee.com/cigoos/CigoAdmin 文档地址 http://doc...

CigoOS
2018/06/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

最简单的获取相机拍照的图片

  import android.content.Intent;import android.graphics.Bitmap;import android.os.Bundle;import android.os.Environment;import android.provider.MediaStore;import andr......

MrLins
今天
6
0
说好不哭!数据可视化深度干货,前端开发下一个涨薪点在这里~

随着互联网在各行各业的影响不断深入,数据规模越来越大,各企业也越来越重视数据的价值。作为一家专业的数据智能公司,个推从消息推送服务起家,经过多年的持续耕耘,积累沉淀了海量数据,在...

个推
今天
9
0
第三方支付-返回与回调注意事项

不管是支付宝,微信,还是其它第三方支付,第四方支付,支付机构服务商只要涉及到钱的交易都要进行如下校验,全部成功了才视为成功订单 1.http请求是否成功 2.校验商户号 3.校验订单号及状态...

Shingfi
今天
5
0
简述Java内存分配和回收策略以及Minor GC 和 Major GC(Full GC)

内存分配: 1. 栈区:栈可分为Java虚拟机和本地方法栈 2. 堆区:堆被所有线程共享,在虚拟机启动时创建,是唯一的目的是存放对象实例,是gc的主要区域。通常可分为两个区块年轻代和年老代。更...

DustinChan
今天
7
0
Excel插入批注:可在批注插入文字、形状、图片

1.批注一直显示:审阅选项卡-------->勾选显示批注选项: 2.插入批注快捷键:Shift+F2 组合键 3.在批注中插入图片:鼠标右键点击批注框的小圆点【重点不可以在批注文本框内点击】----->调出批...

东方墨天
今天
7
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部