PDA

View Full Version : Horizontal Scrollbar won't work properly in EditorGridPanel



zakif
28 Mar 2012, 9:04 PM
I have problem with EditorGridPanel. The Horizontal scrollbar is appear, but the fixed height (400) is not appear correctly. Therefore, there is a big space between the last row of the grid and the horizontal scroll bar.

If I use autoHeight, the horizontal scrolbar get disappeared.

Here is the code:


var item_grid = new Ext.grid.EditorGridPanel({
layout:'fit',
frame:true,
border: false,
closable : true,
title: 'List of Properties',
plugins: checkColumn,
height: 400,
autoWidth:true,
autoScroll: true,
enableColumnMove: false,
store: item_store,
clicksToEdit: 1,

How to fix that? Any advice and solution is really really appreciated.

Thanks in advance.

scottmartin
29 Mar 2012, 7:22 AM
Can you post an image of what you are seeing, as I cannot duplicate your description.

Here is a basic setup:



Ext.onReady(function() {
var myGrid = new Ext.grid.EditorGridPanel({
store: store,
cm: cm, // columns
loadMask: true,
height: 200,
autoWidth:true,
frame: true,
renderTo: Ext.getBody(),
viewConfig: {
// forceFit: true // force columns to span grid
}
});
});


You should not place layout,closable,autoScroll in the config unless you are using a panel that contains other items where you need to control their layout.

Regards,
Scott.