PDA

View Full Version : BufferView Rener/Display Problem



qhas
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?

Thanks.

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({
scrollDelay:false
})
});



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

});

Condor
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...

qhas
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({
scrollDelay:false
})
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.

Condor
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).

qhas
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.

Condor
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;
}

qhas
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.

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

qhas
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.....

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