`
lichaobao
  • 浏览: 47086 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

阅读更多

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

        一、目录结构如下图:

<!--StartFragment -->

       二、文件夹及文件的说明

 

    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">
 <!-- ext的样式文件 -->
 <link rel="styleSheet" type="text/css" href="extjs/resources/css/ext-all.css" />
 <!-- extjs的核心文件 -->
 <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();
});

 
 
 
  • 大小: 174.3 KB
0
0
分享到:
评论

相关推荐

    Extjs4.1 小例子(适合extjs初学者学习使用)

    标题中的"Extjs4.1 小例子"意味着这个压缩包包含了一些基础的示例代码,旨在帮助初学者快速入门。通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心...

    ExtJs4.1中文API离线BS版

    API文档详尽地解释了每个组件、工具和函数的用途、参数和返回值,帮助开发者快速理解和使用框架。 2. **组件模型**: ExtJS 4.1引入了一种更加强大的组件模型,允许开发者构建复杂的用户界面。这个模型基于MVC...

    extjs4.1中文文档

    extjs4.1的中文文档,可以方便查看API

    ExtJs4.1 正式版

    ExtJs4.1 正式版,考虑到官网速度慢,放上来服务大家!

    ExtJs 4.1 中文版api

    Extjs 4.1中文版api,非常难得的一款4.1的中文api,值得大家收藏

    ExtJS4.1学习心得及源码

    ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...

    Extjs4.1中文API指南.chm

    Extjs4.1中文API.chm

    ExtJS 4.1 中文版API帮助文档下载

    ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散下载,非常完整详细! 学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习!

    extjs4.1修改bug版本

    extjs4.1修改bug版本,已修改数字、日期等多个控件的问题

    extjs4.1所需包

    标题"extjs4.1所需包"指的是这个压缩包包含了ExtJS 4.1版本开发所需的全部或部分核心文件和资源。 在描述中提到"使用ExtJS4 1所需要的支持文件夹亲测有用",这意味着这个压缩包包含的文件已经过实际测试,确保它们...

    ExtJS4.1实现的mvc模式经典入门案例

    总结,本案例"ExtJS4.1实现的mvc模式经典入门案例"旨在帮助新手理解如何在ExtJS中使用MVC模式构建应用。通过模型管理数据,视图展示数据,控制器处理用户交互,以及存储与服务器通信,开发者可以构建出复杂且易于...

    extjs 4.1 beta 预览版

    学习EXTJS 4.1 Beta,开发者应关注官方文档,理解API的改变和新增功能,同时通过实践编写代码来熟悉新版本的使用。此外,加入EXTJS社区,与其他开发者交流经验,可以帮助更快地掌握EXTJS 4.1的精髓。 总的来说,...

    100行代码解决ExtJs4.1合并单元格问题

    100行代码解决ExtJs4.1合并单元格问题

    Extjs 4.1 下拉框 Tree 的实现(mvc)

    ComboBox用于展示树状结构的选项,而Tree Panel则负责加载和显示实际的树形数据。 ```javascript var treeCombo = Ext.create('Ext.form.ComboBox', { fieldLabel: '连锁总店', queryMode: 'local', editable: ...

    extjs4.1主题皮肤

    使用EXTJS 4.1皮肤的步骤通常包括以下几步: 1. **导入皮肤**:将压缩包中的皮肤文件解压,并确保它们位于EXTJS库的正确目录下,通常是resources/skins目录。 2. **设置皮肤**:在应用程序配置中指定要使用的皮肤...

    ExtJS 4.1中文版帮助文档

    学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习。

    无需积分,ExtJs权威指南第一部分(ExtJs4.1)

    无需积分,ExtJs权威指南第一部分(ExtJs4.1),请两部分都下载完成后解压

    extjs4.1 框架和文档

    extjs4.1 框架和文档 从官网下载的extjs-4.1.0-rc1

    ExtJs4.1中文API离线版

    ExtJS 4.1中文API离线版是一个全面的文档集合,专为JavaScript开发者设计,特别是那些使用ExtJS 4.1框架构建富客户端应用程序的人。这个离线版包含了所有必要的资源,允许开发者在没有互联网连接的情况下查阅和学习...

    ExtJS4.1API

    EXTJS4.1API中文版,适合于4.x各版本通用,简单易懂,对于英语能力不是非常好的开发者可以借鉴。

Global site tag (gtag.js) - Google Analytics