View Full Version : Paging Toolbar items order

6 Jun 2012, 6:54 AM
Is any easy way to change the order of the items of the pagingtoolbar like next, displaymsg, refresh?

If the correct way to do that is extend the class and overradie something, can someone give me any piece or any link?

6 Jun 2012, 9:16 AM
Have a look at: getPagingItems:

Ext.define('Override.toolbar.Paging', {
override : 'Ext.toolbar.Paging',

getPagingItems: function() {
// changes here


6 Jun 2012, 9:44 AM
Yes Scott that was i think, i try changing the items in there and this work perfect for the items but not the position of them in the toolbar, and also was imposible find the way to change the Display Msg. I try with de initComponent but it was painfull and i start to get some other errors like groups of buttons x2.

I need to render something like this:

[------ PageSizePlugin ---- DisplayMsg ------- << < Page [txtbox] of X > >> -------]

Thanks for your replay Scott :)

- Sadd

6 Jun 2012, 9:52 AM
Could you use:

{ xtype: 'tbfill' }
{ xtype: 'tbspacer', width: 50 }, // add a 50px space

to space the items?


6 Jun 2012, 9:54 AM
Ok, but how can i change the order of the plugin and display msg on the toolbar?

- Sadd