ExtJSの5店舗

Question

のためのプロキシを設定するには、私はそうのように、コンストラクタでそのプロキシを定義しようとしているお店を持っています。

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％確信しています。

代わりにconfigオブジェクトにプロキシを設定してみてください。

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

であるか、店のクラスを作成するときにはそうのように、プロキシの設定を渡すことができます：あなたはとてもようにconfigオブジェクト内のすべてのプロパティを定義することができ

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