Ext JS 5.0.1 - 带内存代理的网格/存储忽略pageSize

Question

我试图让网格只在其商店中显示一页数据。我在这里通过Ajax加载数据 - 请不要建议将其更改为ajax加载代理。

它显示所有10条记录，而不是一次显示3页。 建议？

 Ext.onReady(function() {

 var store = Ext.create('Ext.data.Store', {
 storeId: 'levelStore',
 fields: ['title'],
 pageSize: 3,
 proxy: {
   type: 'memory',
   enablePaging: true,
   reader: {
     type: 'json',
     rootProperty: 'articles'
   }
 }
});

Ext.Ajax.request({
 url: 'https://newsapi.org/v1/articles?source=abc-news-au&apiKey=9340458d9514498c84b153ac9050aa04',
 success: function(xhr) {
   var r = Ext.JSON.decode(xhr.responseText);
   Ext.data.StoreManager.lookup('levelStore').loadData(r.articles);
 }
});

Ext.create('Ext.grid.Panel', {
 store: Ext.data.StoreManager.lookup('levelStore'),
 pageSize: 3,
 dockedItems: [{
   xtype: 'pagingtoolbar',
   pageSize: 3,
   store: Ext.data.StoreManager.lookup('levelStore'), 
   displayInfo: true
 }],
 columns: [{
   text: 'title',
   dataIndex: 'title',
   flex: 1
 }],
 height: 200,
 width: 400,
 renderTo: 'main'
 });
});

JsFiddle