ExtJS:分页不工作和刷新按钮

时间:2012-05-10 12:21:00

标签: extjs extjs4

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

  1. 按钮“next”,“previous”,...未启用。有4条记录,我逐页询问3条记录,我应该看到“第1页,共2页”
  2. 如何管理“刷新”按钮。
  3. enter image description here

    谢谢,

        $(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"
                })
    
            });
    
        });
    

    Update1:​​

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

    我仍然没有看到“Page x of 2”

1 个答案:

答案 0 :(得分:0)

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