View Full Version : Ext.ux.BufferView scroll problem

30 Nov 2009, 8:48 AM
Hello all,

Im trying to use the BufferView user extension, becouse my grid has much rows, and seeing a problem.

When i scroll down fast, the grid stops displaying the rows from the bottom. So, user can get to the point that want to see the last rows, wich is not getting reendered.

Its like there is a problem with how BufferView calculates the rows it should render.

Iv done a video to demostrate this.
Video (http://uploading.com/files/m71fbeb5/dos.mov/)

Im just using:

view: new Ext.ux.grid.BufferView({scrollDelay: false }),

In the grid everything else is a normal, a typical grid.
I have try different browsers, same result.

Any tips welcome.


30 Nov 2009, 9:24 AM
Are any of your rows a different height to the rowHeight option set in the BufferView? BufferView only currently works if all the rows are the same height (defaults to 19 I think, but you can specify it when you create the object).

This would cause what you are seeing.

Oh, btw I didn't watch your video because I didn't want to download stuff in order to watch it.

30 Nov 2009, 10:23 AM
Yes, i saw there is a parameter to specitfy the height in the BufferView
All rows have the same height, and ive try to leave the default height, and to specify different values. The problem im getting is the same.

About the video sorry, next time i could put or on youtoube or something.. :)
I could not upload it directly to the forum as it is 3MB.


30 Nov 2009, 10:57 AM
The YouTube video is here (http://www.youtube.com/watch?v=xe9CNG0ee6I)

30 Nov 2009, 11:00 AM
Hm... i just notice i was using a custom theme.
With the default ext theme it works just fine.

So there is something with the theme im using.

4 Jan 2010, 3:26 PM
Thanks for posting this! It would have been quite a while before I would have thought to try reverting to the default theme...

I wonder what aspect of custom themes cause this calculation to be off. I've been using xtheme-human. I'll try a couple other themes to see if any other than default work.

25 Jun 2010, 2:27 PM
same problem here. Dont know exactly why, but setting borderheight to 1 works!

4 Dec 2012, 8:06 AM
The row height is different when zoomed. Try replacing getCalculatedRowHeight like below:

getCalculatedRowHeight: function () {
return this.scroller.dom.scrollHeight === this.scroller.dom.clientHeight ?
this.rowHeight + this.borderHeight : this.scroller.dom.scrollHeight / this.ds.getCount();