初次使用extjs4的版本,在配置学习Ext.Loader()进行js文件的动态加载机制,由于各种原因导致多次失败,纠结2天,现将解决时出现的问题及需要注意事项进行记录

开发环境myeclipse8.5,tomcat6.
目录结构:
WebRoot
-->02(文件夹)
   -->createWindow.js
   -->createWindow.html
   -->ux(文件夹)
      -->window.js

createWindow.html中,引入ext环境文件(ext-all.css,bootstrap.js),引入createWindow.js文件
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
        <head>
            <title>extjs--创建window</title>
            <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
            <meta http-equiv="description" content="this is my page">
            <meta http-equiv="content-type" content="text/html; charset=UTF-8">
            <link rel="stylesheet" type="text/css" href="../extjs-4.1.1/resources/css/ext-all.css">
            <script type="text/javascript" src="../extjs-4.1.1/bootstrap.js"></script>
            <script type="text/javascript" src="createWindow.js"></script>
        </head>
        <body>
        </body>
    </html>

createWindow.js
    (function(){
        Ext.Loader.setConfig({
            enabled:true,
            paths:{
                //定义一个命名空间,路径处添加相对路径
                myApp:'ux'
            }
        });
        Ext.onReady(function(){
            Ext.create('ux.window',{
                //可以根据个性修改值
                title:'个性定制的title',
                requires:['ux.window']
            }).show();
        });
    })();

window.js
Ext.define('ux.window',{
    extend:'Ext.window.Window',
    width:200,
    height:90,
    title:'me is myExt.Window',
    initComponent:function(){
        this.callParent(arguments);
    }
});

在createWindow.js中定义的命名空间是以当前文件位置而填写的相对路径(相对路径不能向上级回退[../])
在window.js中define的第一个参数实际就是相对于 = (命名空间路径 + 文件名)组成
例如以上目录改为如下

-->02(文件夹)
   -->createWindow.js
   -->createWindow.html
   -->ux(文件夹)
      -->window(文件夹)
         -->window.js
则createWindow.js中paths改为{myApp:'ux/window'}
  window.js中define中第一个参数改为'ux.window.window'
  createWindow.js中Ext.create()第一个参数改为'ux.window.window'
            requires改为'ux.window.window'

Extjs4 -- Ext.loader命名空间的配置的更多相关文章

  1. ExtJS笔记 Ext.Loader

    Ext.Loader is the heart of the new dynamic dependency loading capability in Ext JS 4+. It is most co ...

  2. Ext.Loader

    Ext.Loader是Ext JS4动态加载的核心,等价于Ext.require简写. Ext.Loader支持异步和同步加载的方法. 异步 优点: 1.跨域 2.不需要web服务器 3.调试方便(可 ...

  3. Ext4报错Uncaught Ext.Loader is not enabled

    提示: Uncaught Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Missing requ ...

  4. sencha警告：[WARN][Anonymous] [Ext.Loader] Synchronously loading 'Ext.field.Text'

    chrome开发者工具下提示: [WARN][Anonymous] [Ext.Loader] Synchronously loading 'Ext.field.Text'; consider addi ...

  5. Spring配置文件中未引入dubbo命名空间头部配置而引起的错误案例

    问题描述: Spring配置文件中未引入dubbo命名空间的头部配置而引起项目启动时报出如下错误信息: org.springframework.beans.factory.xml.XmlBeanDef ...

  6. Webpack的详细配置，[Webpack中各种loader的安装配置]

    在使用webpack的时候,你是不是被以下这种报错所困扰: 注意看 黄色框中标注的 You may need an appropriate loader to handle this file typ ...

  7. create react app的 css loader 进行局部配置

    { test: cssRegex, exclude: cssModuleRegex, use: getStyleLoaders({ importLoaders: 1, sourceMap: isEnv ...

  8. Extjs-4.2.1（二）——使用Ext.define自定义类

    鸣谢:http://www.cnblogs.com/youring2/archive/2013/08/22/3274135.html --------------------------------- ...

  9. EXTJS4自学手册——EXT基本方法、属性（mixins多继承、statics、require）

    1.mixins 说明:类似于面向对象中的多继承 <script type="text/javascript"> Ext.onReady(function () {// ...

随机推荐

  1. css精灵

    ○ css 精灵(Sprites)技术利用photoshop将图片整合,然后用background-images,background-position,background-repeat技术,对图片 ...

  2. jQuery 查找父元素

    function deletesec1Div5(obj){ $(obj).closest(".sec1-div5").remove();}自己写的一段代码,实现了table中的全选 ...

  3. C++11语法糖

    1.constexpr变量:声明为constexpr的变量一定是一个常量,新标准允许定义一种特殊的constexpr函数使得编译时就可计算结果,这样就能用constexpr函数去初始化constexp ...

  4. easyx与VS2015

    7.10 之前在文件头将__acrt_iob_func重定义&__iob_func,在格子涂色的程序中解决了问题:然而在俄罗斯方块的程序中出现了更多的问题,好像是FILE在其他外部依赖项cor ...

  5. (十五)ioctl、ifreq、ifconf

    ioctl操作   传统上ioctl函数是用于那些普遍使用,但不适合归入其他类别的任何特性的系统接 口.Posix去掉了ioctl,它通过 创建特殊的其功能已被Posix标准化的包裹函数来代替ioct ...

  6. 控制移动端页面的缩放（meta）

    meta标签中的content属性里有一个width=device-width的值,这个值就是用来告诉浏览器,该页面将要使用设备的宽度来解析,后面的属性值则是告诉该页面: user-scalable= ...

  7. iBATIS代码生成分析

    1.分析目录结构"tools"(或者说模板) 2.首先分析ibatorConfig.xml文件 <?xml version="1.0" encoding= ...

  8. 重温Javascript第一章

    一.script标签 script标签有6个属性,其中一个废弃,五个可选. 按照传统的写法,<script>的标签都是放在<head>元素中,但是在<head>中包 ...

  9. HTML5中引入的关键特性

    新特性 描述 accesskey 定义通过键盘访问元素的快捷键 contenteditable 该特性设置为true时,浏览器应该允许用户编辑元素的内容.不指定变化后的内容如何保存 contextme ...

  10. javascript进阶系列专题：作用域与作用域链

    字面意思,作用域是指变量和函数的作用范围,换言之,作用域决定了变量和函数的可见性和有效时间.javascript作用域是用函数来区分,与其他语言的大括号不同. for (var i=0; i<5 ...