Results 1 to 3 of 3

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

    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
      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
    39,553
    Vote Rating
    1272
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Apr 2007
    Posts
    164
    Vote Rating
    0
      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
    --------------------------------------------------

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •