ExtJS - ajax呼び出し後にストアデータを手動でロードする方法は？

Question

私の仕事Fiddleをajaxプロキシタイプからmemoryに書き換えます。私は手動でmemoryストアデータをロードしようとしている：

// app/model/Employees.js file 
Ext.define('Fiddle.model.Employees', { 
    extend: 'Ext.data.Model', 
    entityName: 'Employees', 

    fields: [ 
     { 
      name: 'profile_pic' 
     }, 
     { 
      type: 'int', 
      name: 'age' 
     }, 
     { 
      type: 'string', 
      name: 'last', 
      mapping: 'name.last' 
     }, 
     { 
      type: 'string', 
      name: 'first', 
      mapping: 'name.first' 

     }, 
     { 
      type: 'string', 
      name: 'email' 
     } 
    ], 

    proxy: { 
     type: 'memory', 
     reader: { 
      type: 'json', 
      rootProperty: 'items', 
      totalProperty: 'total', 
      successProperty: '' 
     } 
    } 
}); 

// app/store/Employees.js file 
Ext.define('Fiddle.store.Employees', { 
    extend: 'Ext.data.Store', 
    pageSize: 30, // items per page 
    alias: 'store.employees', 
    model: 'Fiddle.model.Employees', 
}); 

//app.js fule - launch() function 
var store = Ext.create('Fiddle.store.Employees'); 
console.log(store); 


Ext.Ajax.request({ 
    url: 'mates.json', 
    success: function(resp) { 
     var result = resp.responseText; 
     console.log(result); 
     // store.loadRawData(result); 
     store.loadData(result); 
     console.log(store); 
     console.log(store.getAt(0)); 
    }, 
}); 

その結果、私は、店で私のJSONファイル内のすべてのシンボルを3386件のレコードを持っています。そして、私は最初のレコードとしてコンソールに何を参照してください：私が間違ってやっている何

？

そして、どこにproxy行を置く必要がありますか？

Answer 1

は、この方法でそれをやった：店舗autoLoad: trueで

//in Grid panel js file 
listeners: { 
    afterrender: function(grid, evt) { 

     var myStore = grid.getStore(); 

     Ext.Ajax.request({ 
      url: 'mates.json', 
      success: function(resp) { 
       var result = Ext.decode(resp.responseText); 
       myStore.getProxy().data = result; 
       myStore.load(); 
      }, 
     }); 

    } 
} 

を無効にする必要があります。 store.loadRawData(result);の代わりにこの方法でロードすると、pagingtoolbarに正しいレコード数が表示されます。

Answer 2

responseTextは、シリアル化されたJSONデータを含む文字列です。

var result = Ext.decode(resp.responseText); 
store.loadRawData(result); 

loadDataとloadRawDataは、モデル上のコンバータを呼び出さないことloadDataで異なる：あなたが店にモデルコンバータを通じてオブジェクトをロードするためにloadRawDataを使用する前に、オブジェクトにそれをデシリアライズする必要があります。 loadRawDataはajaxプロキシと同じですが、loadDataはそうではありません。