Question

我有一个商店，我试图在构造函数中定义它的代理，如下所示：

Ext.define('App.store.LabStore', {
    extend: 'Ext.data.Store',

    constructor: function(config) {
        var prox = new Ext.data.proxy.Ajax();

        prox.setUrl('http://server:port/app/labs');
        prox.setHeaders({'Content-type': 'application/json'});
        prox.setReader({type: 'json',rootProperty: 'departmentList'});

        this.setProxy(prox);
        this.callParent(arguments);
    },

    autoLoad: false,

    model: 'App.model.Lab'
});

不幸的是，这不会奏效。从我的控制器那里起作用的是：

var labStore = Ext.create("App.store.LabStore");
var url = 'http://server:port/app/labs';

labStore.getProxy().setUrl(url);

labStore.on('load','checkLabs',this);

labStore.load();

我意识到后一种方法是有效的，也许我应该继续前进，但我确实想弄清楚为什么我不能在构造函数中设置代理和/或我对这种方法做错了什么。

提前致谢！

谢

Answer 1

config参数用于初始化商店。默认情况下，它包含未定义的代理。在调用父构造函数期间，我大约90％确定它正在重置代理。

尝试将代理设置为配置对象。

Ext.define('App.store.LabStore', {
  extend: 'Ext.data.Store',

  constructor: function(config) {
    var prox = new Ext.data.proxy.Ajax();

    prox.setUrl('http://server:port/app/labs');
    prox.setHeaders({'Content-type': 'application/json'});
    prox.setReader({type: 'json',rootProperty: 'departmentList'});

    config.proxy = prox;
    this.callParent(arguments);
  },

  autoLoad: false,

  model: 'App.model.Lab'
});

Answer 2

无需在构造函数中定义代理。您可以在配置对象中定义所有属性，如下所示：

//define model
Ext.define('App.model.Lab', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'name',
        type: 'string'
    }, {
        name: 'closed',
        type: 'bool'
    }]
});

//define store
Ext.define('App.store.LabStore', {
    extend: 'Ext.data.Store',
    model: 'App.model.Lab',
    proxy: {
        type: 'ajax',
        url: 'labs.json',
        reader: {
            type: 'json',
            rootProperty: 'departmentList'
        }
    },
    autoLoad: false
});

//initialize store
var store = Ext.create('App.store.LabStore');

// load data from source
store.load();

这是 fiddle

或者您可以在创建商店类时传递代理配置，如下所示：

var store = Ext.create('App.store.LabStore', {
    proxy: {
        type: 'ajax',
        url: 'labs.json',
        reader: {
            type: 'json',
            rootProperty: 'departmentList'
        }
    }
});

但如果需要在构造函数中执行此操作，您可以：

//define store
Ext.define('App.store.LabStore', {
    extend: 'Ext.data.Store',

    constructor: function(config) {

        config = Ext.applyIf({
            proxy: {
                type: 'ajax',
                url: 'labs.json',
                reader: {
                    type: 'json',
                    rootProperty: 'departmentList'
                }
            }
        }, config);

        this.callParent([config]);
    },
    autoLoad: false
});

这是 fiddle

ExtJs 5 - 设置商店的代理

2 个答案: