ExtJs 6存储Ext.app.Controller上的配置不起作用

时间:2016-06-09 16:10:42

标签: javascript extjs extjs6 extjs6-classic

我刚注意到Ext.app.Controller上的商店配置http://docs.sencha.com/extjs/6.0/6.0.2-classic/#!/api/Ext.app.Controller-cfg-stores没有查找 在正确的路径中(与视图配置相同)。

例如

Ext.define('MyApp.controller.Menu', {
    extend: 'Ext.app.Controller',
    stores: ['Menu']
...
});

这将寻找

  

http://localhost/myapp/app/controller/store/Menu.js?_dc=20160607211025

注意控制器文件夹

而不是

  

http://localhost/myapp/app/store/Menu.js?_dc=20160607211025

一开始我认为这是一个特定于我的某个项目的配置问题,但后来在另一个项目上得到了同样的东西。

我正在使用ExtJs 6.02

我知道我可以使用像MyApp.store.Menu这样的完整类名,但是getter会非常难看。 (这是在我刚刚升级的庞大代码库上发生的,所以使用完整的类名称将是我的最后一个资源)。

是否有人遇到此问题?

2 个答案:

答案 0 :(得分:2)

我找到了原因(跟我一起):

https://docs.sencha.com/extjs/6.0/6.0.2-classic/source/Controller2.html#Ext-app-Controller

看看:

  

onClassExtended - > Controller.resolveNamespace - > Ext.app.getNamespace

这些是重要的,一旦解析了命名空间,就会调用进程依赖:

Controller.processDependencies(proto, requires, namespace, 'store', data.stores);

我研究了这个,Ext.app.getNamespace在ext 5和6中是相同的

所以为什么它在ExtJs 5

Ext.getNamespace("MyApp.controller.SomeController"); // returns MyApp

和ExtJs 6

Ext.getNamespace("MyApp.controller.SomeController"); // returns MyApp.controller

原因在于console.log Ext.ClassManager.paths,现在有一个与MyApp.controller对应的新条目

enter image description here

以前没有MyApp.controller(ZHT.controller)的密钥

Ext.getNameSpace所做的是寻找最深的前缀'正如你在这里看到的http://docs.sencha.com/extjs/6.0/6.0.2-classic/source/Util.html#Ext-app-Util

[更新] 所以可以做的一件事就是覆盖静态方法resolveNamespace,如下所示:

  statics: {
    resolveNamespace: function(cls, data) {
            var Controller = Ext.app.Controller,
                namespaceRe = cls.prototype.isProfile ? Controller.profileRegex : Controller.controllerRegex,
                className, namespace, match;
            /*
             * Namespace resolution is tricky business: we should know what namespace
             * this Controller descendant belongs to, or model/store/view dependency
             * resolution will be either ambiguous or plainly not possible. To avoid
             * guessing games we try to look for a forward hint ($namespace) that
             * Application class sets when its onClassExtended gets processed; if that
             * fails we try to deduce namespace from class name.
             *
             * Note that for Ext.app.Application, Controller.onClassExtended gets executed
             * *before* Application.onClassExtended so we have to delay namespace handling
             * until after Application.onClassExtended kicks in, hence it is done in this hook.
             */
            className = Ext.getClassName(cls);
            namespace = data.$namespace || data.namespace ||
                Ext.app.getNamespace(className) ||
                ((match = namespaceRe.exec(className)) && match[1]);

            //<debug>
            if (!namespace) {
                Ext.log.warn("Missing namespace for " + className + ", please define it "+
                    "in namespaces property of your Application class.");
            }
            //</debug>


            //This is the only change on this override.
            //http://stackoverflow.com/questions/37731213/extjs-6-stores-config-on-ext-app-controller-not-working/37733261#37733261
            if(namespace && namespace.indexOf(".controller") > -1) {
                namespace = namespace.slice(0, namespace.indexOf(".controller"));
            }

            return namespace;
        }
  }

如果您知道更好的解决方案,请告诉我们!

答案 1 :(得分:0)

我遇到了类似的问题,解决此问题的方法是将我的应用所需的所有商店添加到stores中的app/Application.js配置中。