时间戳

首页 > 解决方案 > 在 ExtJs4 中重命名组件的路径

javascript - 在 ExtJs4 中重命名组件的路径

问题描述

我有一个具有以下结构的 Ext Js 4.1.1 应用程序，我试图切换两个文件夹的名称空间：

public/
├──app/
│   ├──controller/
│   ├──model/
│   ├──store/
│   └──view/
│ 
└──vendor/

我的 app-Loader.js 包含路径映射：

Ext.Loader.setConfig({
  enabled: false,
  disableCaching: false,
  paths: {
    'App': 'public/vendor',
    'vendor': 'public/app'
  }
});

我已经在每个文件夹位置重命名了组件及其用法，但是每当我更改其中任何一个时，假设供应商文件夹中的灯箱程序停止工作，它不会在浏览器上呈现，文件没有加载并且我没有收到错误消息。我尝试创建这样的第三条路径：

'tmp' : 'public/vendor'

然后将所述组件定义从

Ext.define('App.Lightbox', {}

至

Ext.define('tmp.Lightbox',{}

期望更改生效，应用程序将完全编译并显示内容。取而代之的是，页面在登录后停止加载并显示白屏，浏览器控制台不显示更改的文件。有什么我想重命名的吗？我对 ExtJs 不太熟悉。任何帮助将不胜感激。

编辑：供应商文件夹下组件的重命名有效，但截至目前，我无法重命名应用程序下的任何组件，即使添加了具有相同路径的占位符命名空间也是如此。

编辑：我发现 app.js 中有这个，这让我更加困惑：

 app = Ext.create('App.AbstractApplication', {
 name: 'vendor',
 appFolder: 'public/js/app'
 }

文档说它为名称配置中配置的命名空间加载了 Ext.loader.setPath() 。此处的更改也会破坏应用程序

标签： javascriptextjsextjs4extjs4.1

解决方案

该name参数需要正确重命名，同时使用新命名空间重命名文件夹内的其他组件，因此我将 app.js 更改为：

app = Ext.create('App.AbstractApplication', {
name: 'app',
appFolder: 'public/js/app'
}

在 app-loader.js 我将其更改为：

Ext.Loader.setConfig({
  enabled: false,
  disableCaching: false,
  paths: {
    'App': 'public/app',
    'vendor': 'public/vendor'
  }
});

以及相应的组件，例如：

公共/应用程序/Lightbox.js

Ext.define('vendor.Lightbox'){}

变得：

Ext.define('App.Lightbox'){}

推荐阅读