PDA

View Full Version : PagingToolbar PageResizer



TheBear
10 Feb 2010, 10:55 AM
Hello,

I have written three different page resizing plugins for PagingToolbar. Details are on my blog:

http://www.bewareofthebear.com/ext-js/ext-js-pagingtoolbar-pageresizer/

The Bear

Kranthi1981
20 Mar 2010, 4:35 AM
Hi,

I am new to ExtJS.

I am trying to use this plugin as it exactly meets one of my requirements.

I am actually getting some error @ 51th line.
var inputIndex = pagingToolbar.items.indexOf(pagingToolbar.refresh);

In firebug the following error is being shown

pagingToolbar.items is undefined
chrome://firebug/content/blank.gif var inputIndex = pagingToolbar.items.indexOf(pagingToolbar.refresh);

Please see my code here :
plugins : [new Ext.ux.plugins.PageComboResizer()],


Could you please help me in resolving this issue?

buz
20 Mar 2010, 8:30 AM
You need to paste the complete configuration of the Panel where you are using the Plugin. So we can help you.

It looks like you are implementing the plugin at the wrong place.

Try this:


bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
plugins:[new Ext.ux.plugins.PageComboResizer()]
})

TheBear
25 Mar 2010, 1:36 AM
Obviously, the complete panel configuration would be helpful, but I'll try anyway. You need to do something like this:



var grid = new Ext.grid.GridPanel({

// here is your panel configuration

bbar: new Ext.PagingToolbar({
pageSize: 15,
store: store,
displayInfo: true,
plugins: [
new Ext.ux.plugins.PageComboResizer({pageSizes: [5, 10, 15, 20, 30, 50]})
]
})
});

// do not forget to load the store before you render the grid

store.load({params:{start:0, limit:15}});

Hope this helps.

TheBear