View Full Version : BufferView Rener/Display Problem

25 Sep 2009, 7:47 AM
Hi all,

I've searched the forms and didn't find much on this topic. Probably since BufferView is new.

When adding the BufferView to my grid, I get odd rendering in my window. When I remove BufferView everything works fine. See the two attached images.

Scrolling and buffering on the BufferView seems to work fine otherwise.

Any Ideas?


P.S. The data is intentionally blurred. That's NOT the display problem.

this.grid = new Ext.grid.GridPanel({
xtype: 'grid'
,enableColumnHide: false
,enableColumnMove: false
,layout: 'fit'
,store: this.store
,region: 'center'
,columns: this.cm
,view: new Ext.ux.grid.BufferView({

//Build window
this.winGrid = new Ext.Window({
parent: this
,closeAction: 'hide'
,title: this.windowTitle||''
,border: false
,draggable: false
,resizable: false
,bodyBorder: false
,width: this.grid.getColumnModel().getTotalWidth()+50
{ region:'north', border: true,
html:'<b>Doubleclick</b> or press <b>Enter</b> to select an entry.' +
'<br/> Press <b>Esc</b> to exit.'
]//eo items


25 Sep 2009, 8:06 AM
You blurred the image so much that I can't see the problem.

If you don't want to post your data, perhaps you can describe the rendering problem...

25 Sep 2009, 8:24 AM
Sorry, I should have been more clear, but from my images you can see the problem.

Just by putting adding

,view: new Ext.ux.grid.BufferView({
My north region is no longer displayed, and there is a large empty space at the bottom of the window.

The image with the north region is correct. The image without the north region is incorrect.

25 Sep 2009, 8:36 AM
Your north region is missing a height.

If you don't want to specify a height you could also try autoHeight:true (but that doesn't always work).

25 Sep 2009, 8:44 AM
I set a height for the north region, and the space under the grid just got bigger.

Still not correct.

25 Sep 2009, 8:54 AM
Which Ext version are you using?

Does ext-all.css contain the following line:

.x-border-layout-ct {
position: relative;

25 Sep 2009, 9:06 AM
Ext 3.0.1

Yes, my ext-all.css does have

.x-border-layout-ct {
position: relative;

I uploaded some code from FireBug. The north region is there, the grid is just over it. The top style of the grid seems to have no effect..... I'll keep trying.

Thanks for your help so far.

25 Sep 2009, 9:11 AM
The grid somehow doesn't get assigned the x-border-panel class...

25 Sep 2009, 9:28 AM
It looks like it does.

See the attachments.

I modified the HTML in the one image. I added x-border-panel to the div with id="ext-comp-1008" and NOW it looks correct!!

The only reason I tried that was because the north region had that class too.

I'm not sure if this is the proper class/approach to use.....

25 Sep 2009, 9:30 AM
Haha, just saw your new post.