PDA

View Full Version : Infinite Scroll is still having issue in Ext 4.1



SambitMishra
29 May 2013, 3:00 AM
Hi,
I have a store i.e.
Ext.define('TitleStore', {
extend: 'Ext.data.Store',
fields: ['dictionaryId', 'phrase', 'translated', 'system'],
buffered: true,
leadingBufferZone: 50,
pageSize: 100,
remoteFilter: true,
autoLoad: false,
autoSync: true,
proxy: {
type: 'ajax',
url: '../dictionary/getDictionaries.htm',
reader: {
type: 'json',
root: 'dictionaries',
totalProperty: 'total'
}
}
});

And then I have a grid:

Ext.define("TitleList", {
extend: 'Ext.grid.Panel',
alias: 'widget.titleList',
store: 'TitleStore',
height: 200,
createDock: true,

initComponent: function() {

//Assign the Columns to the Grid
this.columns = [{
header: labelConstants.GRID_COLUMN_PHRASE,
dataIndex: 'phrase',
flex: 1
},{
header: labelConstants.GRID_COLUMN_TRANSLATION,
dataIndex: 'translated',
width: 60,
renderer: function(value) {

//Images are shown to know whose translations are present
if(value == true)
return '<img src="../css/images/right.png">';
else
return '<img src="../css/images/warning.png">';
}
}];

this.callParent();
}
});

The issue is that when I scroll down to the bottom(at the end), it automatically goes up by 4-5 rows, and it happens sometimes, not always.
I have checked, 555 records coming in the store, and for that 6 ajax call is made.
No Idea, why the issue arises, Please someone help me out here.

slemmon
30 May 2013, 12:39 PM
Have you tried using the latest framework realease: 4.2.1?
Issues you're experiencing may have been fixed in the version updates since 4.1.