Extjs分页工具栏与网格面板不工作

Question

我有下面的代码在extjs中分页...即使我将它设置为每页5条记录，它仍然显示6 ...和页面1不显示“ 1“...我有来自sql Click here to go that Thread ....的数据的问题，所以我决定尝试与内存存储...但我仍然没有得到分页权....任何帮助？

constructor: function() { 
    this.callParent(arguments); 
    var store = Ext.create('Ext.data.Store', { 
     pageSize: 5, 
     storeId: 'simpsonsStore', 
     fields: ['name', 'email', 'phone'], 
     data: { 
      'totalCount': "6", 
      'items': [{ 
       'name': 'Lisa', 
       "email": "lisa@simpsons.com", 
       "phone": "555-111-1224" 
      }, { 
       'name': 'Bart', 
       "email": "bart@simpsons.com", 
       "phone": "555-222-1234" 
      }, { 
       'name': 'Homer', 
       "email": "home@simpsons.com", 
       "phone": "555-222-1244" 
      }, { 
       'name': 'Marge', 
       "email": "marge@simpsons.com", 
       "phone": "555-222-1254" 
      }, { 
       'name': '29', 
       "email": "marge@simpsons.com", 
       "phone": "555-222-1254" 
      }, { 
       'name': '30', 
       "email": "marge@simpsons.com", 
       "phone": "555-222-1254" 
     }] 
    }, 
    proxy: { 
     type: 'memory', 
     reader: { 
      type: 'json', 
      root: 'items', 
      totalProperty: 'totalCount' 
     } 
    } 
}); 

this.grid = Ext.create('Ext.grid.Panel', { 
    title: 'Simpsons', 
    disableSelection: true, 
    loadMask: true, 
    stripeRows: true, 
    trackover: true, 
    renderTo: Ext.getBody(), 

    store: store, 
    columns: [{ 
     text: 'Name', 
     dataIndex: 'name' 
    }, { 
     text: 'Email', 
     dataIndex: 'email' 
    }, { 
     text: 'Phone', 
     dataIndex: 'phone' 
    }], 


    bbar: Ext.create('Ext.PagingToolbar', { 
     store: store, 
     displayInfo: true, 
     displayMsg: 'Displaying Surveys {0} - {1} of {2}', 
     emptyMsg: "No Surveys to display" 
    }) 


}); 
grid.loadPage(1); 
} 

} }）;

Answer 1

内存代理不会使用常规的分页机制。您需要一个特殊的用户扩展类：http://docs.sencha.com/ext-js/4-1/#!/api/Ext.toolbar.Paging向下滚动到“使用本地数据寻呼”部分。