1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    2
    Vote Rating
    0
    asengupta is on a distinguished road

      0  

    Default When scrolling too fast in the list box , the last few lines of data are missing

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


    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.

    Code:
    var pagingToolBar = new Ext.PagingToolbar({
    			store: existingDeptStore,
    			displayInfo: true,
    			height: 25,
    			pageSize: 50,
    			floating: true,
    			emptyMsg: 'No records found',
    			shim:false
    			
    		});
        	
    	    existingDeptGrid = new Ext.grid.GridPanel({
    	        title:'Vertical Scrolling Issue',
    			id:'deptGrid',
    			store: existingDeptStore,
    	        xtype: 'grid',
            	width:  580,
    	        height: 210,
    	        loadMask: true,
    	        region:'center',
    	        iconCls: 'icon-grid',
    	        frame:true,
    	        collapsible:true,
    	        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
    						  }); 
    							waitMask.show();
    			},
    			delay: 200,
    			afterrender: function(p) {
    				 waitMask.hide();
    			}},
    			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,
    			    forceFit:true
    
    
    		    });
    The issue was observed in IE 8 and tested by using ExtJS 3.0
    Attached Images

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,408
    Vote Rating
    851
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    If you scroll a little bit does the data show up?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Sep 2012
    Posts
    2
    Vote Rating
    0
    asengupta is on a distinguished road

      0  

    Default


    Yes ,on scrolling at normal speed it works fine and I am able to see all the data

  4. #4
    Sencha User
    Join Date
    Dec 2012
    Posts
    2
    Vote Rating
    0
    vceban is on a distinguished road

      0  

    Default When scrolling too fast in the list box , the last few lines of data are missing

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


    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.