Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha User
    Join Date
    Apr 2007
    Posts
    164
    Vote Rating
    0
    vladsch is on a distinguished road

      0  

    Default [4.2.0 beta 2] Buffered store, repeating rows for remote data

    REQUIRED INFORMATION


    Ext version tested:
    • Ext 4.2.0 beta 2

    Browser versions tested against:
    • IE9
    • Chrome 24

    DOCTYPE tested against:
    • <!DOCTYPE html>

    Description:
    • If use buffered store with ajax proxy then rows start repeating during scrolling

    Steps to reproduce the problem:
    • Open the following test case (in this sample I used memory proxy with deffered reading)
    • Start scrolling
    • Notice row number and company index don't match after a row with index 100
    • If use bufferedrenderer plugin instead buffered store's option then all works fine

    The result that was expected:
    • Grid should display data correctly

    The result that occurs instead:
    • Incorrect data representation

    Test Case:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>    
    	<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    	<script type="text/javascript" src="../../ext-all.js"></script>	
    
    	<script type="text/javascript">		
    		Ext.onReady(function () {
    			var data = [];
    			for (var i = 1; i <= 500; i++) {
    				data.push({company: "Company " + i});
    			}
    			
    			Ext.create("Ext.grid.Panel", {
    				store: {
    					fields: [{
    						name: "company"
    					}],					
    					autoLoad: true,
    					proxy: {
    						type: "memory",
    						data : data,
    						read : function () {
    							Ext.defer(Ext.data.proxy.Memory.prototype.read, 1000, this, arguments);
    						}
    					},
    					buffered: true,
    					pageSize: 100
    				},
    				height: 350,
    				renderTo: document.body,
    				width: 650,
    				title: "Sample Grid",
    				columns: [{
    						width: 50,
    						xtype: "rownumberer"
    					}, {
    						id: "Column1",
    						flex: 1,
    						dataIndex: "company",
    						text: "Company"
    					}]				
    			});
    		});
        </script>
    	
    </head>
    <body>
    </body>
    </html>
    Operating System:
    • Win7
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,402
    Vote Rating
    1103
    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

    So if I change it to use an ajax proxy instead of the memory in your example I will see the same issue where row 101 will be the same as row 1?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Software Engineer
    ________________
    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
    Apr 2007
    Posts
    164
    Vote Rating
    0
    vladsch is on a distinguished road

      0  

    Default

    Yes, if your server will return the same data (as in example) then you will see the same issue
    Did you able to reproduce the issue with my test case?
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

Thread Participants: 1