extjs - Ext JS でページングが機能しない

Question

Ext JS 初心者です。Sencha Ext Js に投稿された例を参照しただけで、現在グリッドでページングを使用しています。ページングがどのように機能するのかよくわかりませんが、それについて少し疑問があります。問題は、ページング ツールバーがグリッドの下部に表示されることです。ただし、すべてのレコードが同じページに表示されます。同様のフォーラムやautoLoad機能で提案されたストア内のpageSizeを設定しようとしましたが、うまくいきません。以下は、データストア、グリッド、およびページング ツールバーで使用したサンプル スニペットです。

データストア コード:

var itemPageSize = 5;
var bulkDevStore = Ext.create('Ext.data.ArrayStore', {
         pageSize: itemPageSize,
        fields : [ {
            name : 'date'
        }, {
            name : 'userid'
        }, {
            name : 'filename'
        }

        ],

          autoLoad:{ start: 0, limit: itemPageSize} 

    });

グリッド スニペット:

var bulkStatsGrid = Ext.create('Ext.grid.Panel', {
        columnLines : true,
        width:'100%',
        height:'100%',
        title : "Statistics",
        store : bulkDevStore,
        disableSelection: true,
        loadMask: true,
        id : 'bulkstatsgrid',

            columns : [ {
            text : 'Date',
            width : '10%',
            sortable : false,
            dataIndex : 'date'
        }, {
            text : 'User Id',
            width : '10%',
            sortable : true,
            dataIndex : 'userid'
        }, {
            text : 'File Name',
            width : '79.8%',
            sortable : true,
            dataIndex : 'filename'
        } ],

ページング スニペット:

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

しかし、常に表示される Pages 0 of 0 。そのすべてが無効になっているようです。助けはありますか？