2 * @example Paging Toolbar
4 * This example demonstrates loading data in pages dynamically from the server using a {@link Ext.toolbar.Paging Paging Toolbar}.
5 * Note, that since there is no back end (data is loaded from a static file at `data/users.json`) each page will show the same data set.
7 Ext.require('Ext.data.Store');
8 Ext.require('Ext.grid.Panel');
9 Ext.require('Ext.toolbar.Paging');
12 extend: 'Ext.data.Model',
13 fields: [ 'name', 'email', 'phone' ]
16 Ext.onReady(function() {
18 var userStore = Ext.create('Ext.data.Store', {
24 url : 'data/users.json',
28 totalProperty: 'total'
33 Ext.create('Ext.grid.Panel', {
34 renderTo: Ext.getBody(),
38 title: 'Application Users',
46 text: 'Email Address',
57 xtype: 'pagingtoolbar',
58 store: userStore, // same store GridPanel is using