View Full Version : Extjs 4.1 Paging bar (Ext.toolbar.Paging) overflow issue

22 Jan 2013, 1:06 AM
I am using Ext.toolbar.Paging for a grid panel. When resizing the panel the overflow menu appears on the paging bar. But total count is not displayed correctly. Please check my paging bar.

pageSizingCombo is a defined object using a combobox for change paging size:

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 })
Paging bar without overflow menu.


Paging bar with overflow menu


It's showing "no records found". Is there are any solution for this issue.

23 Jan 2013, 1:37 PM
You could extend the paging toolbar and do this within the onLoad method.

23 Jan 2013, 5:24 PM
This issues appear when resize the paging bar, but onLoad method call after the store loaded.

There is a some thing i noticed, if we can change display info item's xtype to button or text its working. I think there is a issues on tbtext item when menu overflow. I have found some solution for this but its not a proper way.

store : myStore,
dock : 'bottom',
itemId : 'paging-bar-view-panel',
displayMsg : '{0} - {1} of {2}',
displayInfo : false, // display info item will not be added from initComponent method
enableOverflow : true,
items : [

{xtype:'pageSizingCombo',pageSizes : [10,20,25,50,75,100]},
{xtype : 'text',itemId : 'displayItem'}
// itemId similar to display info item. Then this item will updated when store load.