PDA

View Full Version : PagingToolbar Half-hidden at first load



Rodolpho Leal
11 Nov 2009, 11:38 AM
Hi folks,

I'm getting a problem when using the PagingToolbar component.
At the first load, the toolbar keeps half-hidden at the bottom of the panel, and when I rezise the panel it goes to the bottom position correctly.
I've been trying to change the layout, using fit and anchor with the grid with height 100% but without success.

Here goes the code...



var simpleGridPanel = new Ext.grid.GridPanel( {
store : simpleStore,
cm : simpleColumnModel,
bbar : new Ext.PagingToolbar({
pageSize : 100,
store : simpleStore,
displayInfo : true
})
});

var simpleContentPanel = {
layout: 'fit',
border: false,
items: simpleGridPanel
};

var viewpor = new Ext.Viewport({
layout: 'border',
title: 'Application',
items: [{
xtype: 'box',
region: 'north',
applyTo: 'header',
height: 30
},{
layout: 'border',
id: 'layout-browser',
region:'west',
split: true,
collapsible: true,
collapseMode: 'mini',
margins: '2 0 5 5',
width: 275,
minSize: 100,
maxSize: 500,
items: [ treePanel ]
}, {
xtype: 'panel',
layout: 'fit',
region: 'center',
items: [ simpleContentPanel ]
}],
renderTo: Ext.getBody()
});


Any help?

Thanks a lot!