Extjs 4.1分页栏（Ext.toolbar.Paging）溢出问题

Question

我正在使用 Ext.toolbar.Paging 作为网格面板。当调整大小面板时，分页栏上会显示溢出菜单。但总计数未正确显示。请检查我的分页栏。

pageSizingCombo 是使用组合框更改分页大小的已定义对象：

 Ext.create('Ext.toolbar.Paging',{
                store:store,
                dock : 'bottom',
                itemId:'paging-bar-view-panel',
                displayMsg: '{0} - {1} of {2}',
                items:{
                    xtype : 'pageSizingCombo',
                    pageSizes : [10,20,25,50,75,100],
                    width : 50
                },
                displayInfo: true,
                enableOverflow: true
            })

没有溢出菜单的分页栏。

带溢出菜单的分页栏

显示“找不到记录”。是否有解决此问题的方法。

Answer 1

从我可以解决的问题来看，添加到此处的分页工具栏中的tbtext组件：http://docs.sencha.com/ext-js/4-1/source/Paging.html#Ext-toolbar-Paging-method-initComponent。要解决此问题，您可以通过以下方式关闭displayInfo设置：

displayInfo: false

然后将项目配置调整为：

items:[{ 
         xtype : 'pageSizingCombo',
         pageSizes : [10,20,25,50,75,100],
         width : 50
       },
       '->',
       {
         xtype: 'text', 
         itemId: 'displayItem'
      }]

请注意，如果更改文本组件的itemId的值，则无法执行此操作。换句话说，它总是必须是'displayItem'。