This duplicates another bug already reported in our system:
EXTJS-10420
-
[4.2.1 GA] Scrolling issue with a buffered store (no way to see all rows)
REQUIRED INFORMATION
Ext version tested:
Browser versions tested against:
DOCTYPE tested against:
- Scrolling issue with a buffered store (no way to see all rows)
Description:
- Something is wrong with scrolling in a grid with a buffered store. Please follow the test case.
- It looks to be related to this issue, but not totally. So, I decided to report individually.
Steps to reproduce the problem:
The result that was expected:
- It allows to scroll at the most bottom, i.e. see the row with 1199999.
The result that occurs instead:
- At some point it happens that there is no way to scroll more (I think it is possible you will get a bit different results):
- Chrome doesn't show the last row (1199999).
- FireFox stops on the 852175 row.
- IE9 stops on the 73116 row.
- If play with scrolling a little bit, there is a possibility to get an empty grid and/or a JavaScript error.
Test Case:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Scrolling issue with a buffered store (no way to see all rows)</title>
<link type="text/css" rel="stylesheet" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../ext-all-debug.js"></script>
<script type="text/javascript">
Ext.Loader.setPath('Ext.ux', '../examples/ux');
Ext.require([
'Ext.ux.ajax.JsonSimlet',
'Ext.ux.ajax.SimManager'
]);
Ext.define('Ext.ux.ajax.JsonSimletWithTotal', {
extend: 'Ext.ux.ajax.DataSimlet',
alias: 'simlet.jsonwithtotal',
doGet: function (ctx) {
var me = this,
page = [],
i,
j,
reader = ctx.xhr.options.proxy.reader,
ret = me.callParent(arguments), // pick up status/statusText
response = {};
for (i = ctx.params.start, j = 0; i < ctx.params.start + ctx.params.limit; i++, j++) {
page[j] = {
test: "test " + i
}
};
response[reader.root] = page;
response[reader.totalProperty] = 1200000;
ret.responseText = Ext.encode(response);
return ret;
}
});
Ext.onReady(function () {
Ext.ux.ajax.SimManager.register({
'remote-data.php': {
stype: 'jsonwithtotal'
}
});
window.grid = Ext.create("Ext.grid.Panel", {
renderTo: Ext.getBody(),
height: 500,
width: 200,
store: {
autoLoad: true,
buffered: true,
pageSize: 100,
fields: [{
name: "test"
}],
proxy: {
type: 'ajax',
url: 'remote-data.php',
reader: {
type: 'json',
root: 'data'
}
}
},
columns: {
items: [{
text: "Test",
dataIndex: "test"
}]
}
});
});
</script>
</head>
<body>
</body>
</html>
*EDIT BY SLEMMON
Issue observed in IE9, FF, and Chrome on 4.x (Chrome issue resolved in the latest internal SDK)
Last edited by slemmon; 27 Jun 2013 at 10:45 AM.
Reason: additional test notes
-
Thanks for the report! I have opened a bug in our bug tracker.
-
Sencha Premium User
One year passed but this has not been fixed. This bug makes your buffered grid not usable at all in our software.
When do you think this will be addressed?
I'm using Ext JS 4.2.3.1414, Chrome 35, IE 10 and the problem is always the same.
-
Sencha User
To easily reproduce this (still reproducible in Ext JS 6.6.0):
Is there a way we can track this issue EXTJS-10420? Couldn't find any forum thread bound to it.
Reply With Quote
