Asp.net 如何在Extension JS简单网格中启用分页

我在扩展Js中创建了以下网格，我正在使用Json绑定我的网格。我想在网格中启用分页，页面大小为“10”，但我的分页不起作用

var dataStore = new Ext.data.JsonStore({
        proxy: {
            type: 'ajax',
            url: 'Default.aspx/CustomerData', //'web.aspx',
            headers: { 'Content-type': 'application/json' },
            reader: {
                type: 'json',
                root: 'd'
            }
        },
        fields: [
      { name: 'firstname', type: 'string' },
      { name: 'lastname', type: 'string' },
      { name: 'age', type: 'string' },
      { name: 'phone', type: 'string' }
    ],
        pageSize: 10
    });

这是我的密码

Ext.onReady(function () {
    var dataStore = new Ext.data.JsonStore({
        proxy: {
            type: 'ajax',
            url: 'Default.aspx/CustomerData', //'web.aspx',
            headers: { 'Content-type': 'application/json' },
            reader: {
                type: 'json',
                root: 'd'
            }
        },
        fields: [
      { name: 'firstname', type: 'string' },
      { name: 'lastname', type: 'string' },
      { name: 'age', type: 'string' },
      { name: 'phone', type: 'string' }
    ]
    });

    dataStore.load();
    var myGrid1 = new Ext.grid.GridPanel({
        id: 'customerslist',
        store: dataStore,
        columns: [
        { id: "firstname", header: "First Name", width: 100, dataIndex: "firstname", sortable: true },
        { header: "Last Name", width: 100, dataIndex: "lastname", sortable: true },
        { header: "Age", width: 100, dataIndex: "age", sortable: true },
        { header: "Phone", width: 100, dataIndex: "phone", sortable: true }
      ],
        autoLoad: false,
        stripeRows: true,
        autoHeight: true,
        width: 450,
        height: 300,
        dockedItems: [{
            xtype: 'pagingtoolbar',
            store: dataStore,  
            dock: 'bottom',
            displayInfo: true
        }],
        renderTo: 'grid1'
    });
});

var dataStore = new Ext.data.JsonStore({
        proxy: {
            type: 'ajax',
            url: 'Default.aspx/CustomerData', //'web.aspx',
            headers: { 'Content-type': 'application/json' },
            reader: {
                type: 'json',
                root: 'd'
            }
        },
        fields: [
      { name: 'firstname', type: 'string' },
      { name: 'lastname', type: 'string' },
      { name: 'age', type: 'string' },
      { name: 'phone', type: 'string' }
    ],
        pageSize: 10
    });

---

尝试添加pageSize:10存储区内属性

var dataStore = new Ext.data.JsonStore({
        proxy: {
            type: 'ajax',
            url: 'Default.aspx/CustomerData', //'web.aspx',
            headers: { 'Content-type': 'application/json' },
            reader: {
                type: 'json',
                root: 'd'
            }
        },
        fields: [
      { name: 'firstname', type: 'string' },
      { name: 'lastname', type: 'string' },
      { name: 'age', type: 'string' },
      { name: 'phone', type: 'string' }
    ],
        pageSize: 10
    });

---

现在我有了分页，但记录的数量并没有变成10，这应该等于页面大小。