Question

我是一个ExtJS（我使用的是5.1版）新手，我试图将单个单个文件应用程序拆分为不同的文件。我已经在一个单独的文件中将商店搬到了外面。这是单独文件中的商店：

Ext.define("MT.store.MicroProfilerStore", {

    extend: "Ext.data.JsonStore",

    singleton : true,
    model  : 'MT.model.MicroProfilerModel',
    storeId: "micro_profiler_store",
    autoLoad: false,
    proxy: {
        type: 'ajax',
        url: './backend/profiler.php',
        reader: {
            type: 'json',
            rootProperty: 'answers'
        }
    }
});

如果我使用这个文件，ajax请求是正确的，我可以看到回复，但看起来商店忽略了rootProperty，而不是在store.getData（）中有一个答案数组我有一个单项数组第一个值是将整个响应转换为javascript，如：

[{success: 'true', answers: [{}, {}]}]

但是如果我直接创建商店而没有使用Ext.create进行子类化（＆＃34; Ext.data.JsonStore＆＃34;，{...}）它正在工作！

我在尝试一天后发现的黑客允许我为商店保留一个单独的文件：

Ext.define("MT.store.MicroProfilerStore", function(){
    Ext.require(['MT.model.MicroProfilerModel'], function(){
        Ext.create("Ext.data.JsonStore", {
            singleton : true,
            model  : 'MT.model.MicroProfilerModel',
            storeId: "micro_profiler_store",
            autoLoad: false,
            proxy: {
                type: 'ajax',
                url: './backend/profiler.php',
                reader: {
                    type: 'json',
                    rootProperty: 'answers'
                }
            }
        });
    });

    return {};
});

然后我可以使用StoreManger.lookup（）获取商店。好的，它的工作正常，但问题是为什么？

PS 我已经尝试在商店之前预加载模型，明确要求模型和商店在很多地方它看起来不像是优先级错误

感谢您的帮助

Answer 1

我们有很多可以制作单身的商店，但似乎singleton:true不是ExtJS最佳实践的一部分。

如果我们需要一个＆＃34;单件商店＆＃34;，这有90％的时间，我们仍然会创建一个普通商店，但是将该商店添加到Application.js中的商店数组中，以便实例在Application启动之前创建。使商店成为单身的原因是storeId，通过它可以从任何地方引用它。我们所有的单例商店都是使用特殊的构造函数/ callParent结构定义的，因为我们没有让读者rootProperty工作：

Ext.define('MyApp.store.Directories',{
    extend: 'Ext.data.Store',
    storeId: 'DirectoryStore',

    constructor: function() {
        var me = this;
        this.callParent([{
            proxy: {
                type: 'ajax',
                headers:{'Accept':'application/json'},
                noCache: true,
                pageParam: false,
                startParam: false,
                limitParam: false,
                extraParams: {
                    q: 'directory'
                },
                url: '../api/AddressBook',
                reader: {
                    type: 'json',
                    rootProperty: 'data'
                }
            },
            autoLoad: true
        }]);
    }   
});

特殊构造函数/ callParent部分在这里有所不同。我们并不完全知道为什么它有效，但它确实有效 - 我们从Sencha Architect生成的代码中复制了这种方法。如果我们现在需要任何商店的内容，我们按如下方式进行：

xtype:'combo',
name:'Directory',
store:'DirectoryStore' // <- reference by storeId!

如果我们不将商店添加到Application.js中的商店数组中，则storeId参考会失败，我们应该在其中保留所有＆＃34; singleton＆＃34;存储：

Ext.define('MyApp.Application', {
    extend: 'Ext.app.Application',
    name: 'MyApp',

    views: [
        /* Allgemein */
        ...
    ],
    controllers: [
        'Configuration',
        ...
    ],
    stores: [
        'Directories',
        ...
    ]

EXTJS扩展Ext.data.JsonStore

1 个答案: