View Full Version : When scrolling too fast in the list box , the last few lines of data are missing

24 Sep 2012, 2:19 AM
Need help in resolving data loss issue when scrolling fast
I am using BufferView as view for GridPanel.The issue observed happens only when we are scrolling the vertical scroll too fast. Attaching the snapshot of the issue.When changing the pageSize to 25 , the issue can't be reproduced but with pageSize of 50 ,the issue can be consistently replicated.

var pagingToolBar = new Ext.PagingToolbar({
store: existingDeptStore,
displayInfo: true,
height: 25,
pageSize: 50,
floating: true,
emptyMsg: 'No records found',


existingDeptGrid = new Ext.grid.GridPanel({
title:'Vertical Scrolling Issue',
store: existingDeptStore,
xtype: 'grid',
width: 580,
height: 210,
loadMask: true,
iconCls: 'icon-grid',
plugins: [editor],
view: bufferView,
bbar: pagingToolBar,
colModel: existDeptColumns,
stripeRows: true,
sortable: true,
trackMouseOver: false,
autoExpandColumn: 'profileId',
selModel: rs,
listeners:{'beforerender':function( cmp )
existingDeptStore.setDefaultSort('profileId', 'asc');
existingDeptStore.load ({'params': {'start': 0, 'limit' : 50}});
render: function(p) {
waitMask = new Ext.LoadMask(existingDeptGrid.body,
msg: 'Loading...',
removeMask: true
delay: 200,
afterrender: function(p) {
onRender: function()
Ext.grid.GridPanel.prototype.onRender.apply(this, arguments);


var bufferView = new Ext.ux.grid.BufferView({
// render rows as they come into viewable area.
scrollDelay: true,
monitorValid: false,


The issue was observed in IE 8 and tested by using ExtJS 3.0

26 Sep 2012, 7:36 AM
If you scroll a little bit does the data show up?

27 Sep 2012, 7:25 AM
Yes ,on scrolling at normal speed it works fine and I am able to see all the data

3 Dec 2012, 1:40 PM
we have encountered the same problem. We use BufferView to load the data and when scrolling fast the data disappears in the grid. We use version 2.2.1 of gxt. Any help would be appreciated.