ExtJS的5 - 設置代理了一家商店

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