extjs - ExtJS：分页不起作用和刷新按钮

Question

我使用下面的代码。我看到网格，内容是正确的，但寻呼机部分很奇怪。

1. “下一个”、“上一个”、... 按钮未启用。有 4 条记录，我按页询问 3 条记录，我应该看到“第 1 页，共 2 页”
2. 如何管理“刷新”按钮。

谢谢，

    $(document).ready(function () {

        Ext.define('User', {
            extend: 'Ext.data.Model',
            fields: [
            { name: 'FirstName', type: 'string' },
            { name: 'LastName', type: 'string' },
            { name: 'Email', type: 'string' }
        ]
        })

        var userStore = Ext.create('Ext.data.Store', {
            model: 'User',
            proxy: {
                type: 'ajax',
                url: '/Home/GetUsers',
                reader: {
                    type: 'json',
                    root: 'users'
                }
            },
            autoLoad: true
        });


        Ext.create('Ext.grid.Panel', {
            renderTo: 'testing',
            store: userStore,
            autoScroll: true,
            layout: 'fit',
            title: 'Users',
            width:450,
            columns: [{
                text: 'First Name',
                width: 225,
                sortable: true,
                dataIndex: 'FirstName',
                editor: {
                    xtype: 'textfield',
                    allowBlank: false
                }
            },
            {
                text: 'Last Name',
                width: 225,
                sortable: true,
                dataIndex: 'LastName',
                editor: {
                    xtype: 'textfield',
                    allowBlank: false
                }
            }],
            bbar : Ext.create('Ext.toolbar.Paging', {
                store: userStore,
                pageSize: 3,
                displayInfo: true,
                displayMsg: 'Displaying topics {0} - {1} of {2}',
                emptyMsg: "No topics to display"
            })

        });

    });

更新1：

{"total":2,"success":true,"data":[{"Id":1,"FirstName":"AA","LastName":"BB"},{"Id":2,"FirstName":"CC","LastName":"DD"},{},{}]}

我仍然看不到“第 x 页，共 2 页”

Answer 1

http://jsfiddle.net/AnYeq/1/我看不出当前页面文本有什么问题。即使是没有“total”属性的测试 json 数据。控制刷新按钮并不那么明显。您可以尝试扩展 Ext.toolbar.Paging 并覆盖其私有方法getPagingItems。