Forum
I think this is the same issue from this topic: True-Scrolling Bug with jqGrid 3.6.5
When using...
- True-Scrolling
- IE 7/8 (works fine in firefox, chrome, safari)
- grid must be exactly 2 pages
... scrolling to page 2 loads the data and works fine. However as soon as i scroll back up and then to the bottom again it reloads the data from the last page and duplicates the results in the grid and the page viewrecords says: View -48 - 149 of 149
This was found on production and i need to dive into the code to see if i can find the problem. If you are aware of the issue or know of a fix any help would be appreciated.
-Jason
14:37
Moderators
30/10/2007
Hello,
You can try the 3.7 beta from GitHub
Best Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
21:09
Moderators
30/10/2007
Hello,
To resolve the issue I need a link to the problem
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Here is a demo of the bug: http://dev4.marketstar.com/jqgridbug/
<table id="list47"></table>
<div id="plist47"></div>
var mydata = [
{ id: "1", invdate: "2010-1-1", name: "Test 1", note: "note 1", tax: "10.00", total: "1111.00" },
{ id: "2", invdate: "2010-2-1", name: "test 2", note: "note 2", tax: "20.00", total: "2111.00" },
{ id: "3", invdate: "2007-3-1", name: "test 3", note: "note 3", tax: "30.00", total: "3111.00" },
{ id: "3", invdate: "2007-4-1", name: "test 4", note: "note 4", tax: "40.00", total: "4111.00" },
{ id: "3", invdate: "2007-5-1", name: "test 5", note: "note 5", tax: "50.00", total: "5111.00" },
{ id: "3", invdate: "2007-6-1", name: "test 6", note: "note 6", tax: "60.00", total: "6111.00" },
{ id: "3", invdate: "2007-7-1", name: "test 7", note: "note 7", tax: "70.00", total: "7111.00" },
{ id: "3", invdate: "2007-8-1", name: "test 8", note: "note 8", tax: "80.00", total: "8111.00" },
{ id: "3", invdate: "2007-9-1", name: "test 9", note: "note 9", tax: "90.00", total: "9111.00" }
];
jQuery("#list47").jqGrid({
data: mydata,
datatype: "local",
height: 150,
width: 400,
rowNum: 200,
scroll: 1,
viewrecords: true,
shrinkToFit: false,
colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
colModel: [
{ name: 'id', index: 'id', width: 60, sorttype: "int" },
{ name: 'invdate', index: 'invdate', width: 90, sorttype: "date", formatter: "date" },
{ name: 'name', index: 'name', width: 100 },
{ name: 'amount', index: 'amount', width: 80, align: "right", sorttype: "float", formatter: "number" },
{ name: 'tax', index: 'tax', width: 80, align: "right", sorttype: "float" },
{ name: 'total', index: 'total', width: 80, align: "right", sorttype: "float" },
{ name: 'note', index: 'note', width: 150, sortable: false }
],
pager: "#plist47",
caption: "Manipulating Array Data"
});
09:22
Moderators
30/10/2007
Hello,
Thanks. Fixed
Best Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
00:18
27/05/2010
This is a similar bug:
- it occurs only on IE6/7
- to reproduce it it's enough to click with the mouse on the vertical scrollbar
From what I see the root of the problem is the very long note … IE wraps the text while FF display it on one line + tooltip
<style type="text/css">
.ui-jqgrid tr.jqgrow td {
height: auto;
vertical-align: top;
}
</style>
<script>
var mydata = [
{ id: "1", invdate: "2010-1-1", name: "Test 1", note: "this is a very long note created for testing purpose", tax: "10.00", total: "1111.00" },
{ id: "2", invdate: "2010-2-1", name: "test 2", note: "note 2", tax: "20.00", total: "2111.00" },
{ id: "4", invdate: "2007-3-1", name: "test 3", note: "note 3", tax: "30.00", total: "3111.00" },
{ id: "5", invdate: "2007-4-1", name: "test 4", note: "note 4", tax: "40.00", total: "4111.00" },
{ id: "6", invdate: "2007-5-1", name: "test 5", note: "note 5", tax: "50.00", total: "5111.00" },
{ id: "7", invdate: "2007-6-1", name: "test 6", note: "note 6", tax: "60.00", total: "6111.00" },
{ id: "8", invdate: "2007-7-1", name: "test 7", note: "note 7", tax: "70.00", total: "7111.00" },
{ id: "9", invdate: "2007-8-1", name: "test 8", note: "note 8", tax: "80.00", total: "8111.00" },
{ id: "10", invdate: "2010-1-1", name: "Test 1", note: "note 1", tax: "10.00", total: "1111.00" },
{ id: "11", invdate: "2010-2-1", name: "test 2", note: "note 2", tax: "20.00", total: "2111.00" },
{ id: "12", invdate: "2007-3-1", name: "test 3", note: "note 3", tax: "30.00", total: "3111.00" },
{ id: "13", invdate: "2007-4-1", name: "test 4", note: "note 4", tax: "40.00", total: "4111.00" },
{ id: "14", invdate: "2007-5-1", name: "test 5", note: "note 5", tax: "50.00", total: "5111.00" },
{ id: "15", invdate: "2007-6-1", name: "test 6", note: "note 6", tax: "60.00", total: "6111.00" },
{ id: "16", invdate: "2007-7-1", name: "test 7", note: "note 7", tax: "70.00", total: "7111.00" },
{ id: "17", invdate: "2007-8-1", name: "test 8", note: "note 8", tax: "80.00", total: "8111.00" },
{ id: "18", invdate: "2010-1-1", name: "Test 1", note: "note 1", tax: "10.00", total: "1111.00" },
{ id: "19", invdate: "2010-2-1", name: "test 2", note: "note 2", tax: "20.00", total: "2111.00" },
{ id: "20", invdate: "2007-3-1", name: "test 3", note: "note 3", tax: "30.00", total: "3111.00" },
{ id: "21", invdate: "2007-4-1", name: "test 4", note: "note 4", tax: "40.00", total: "4111.00" },
{ id: "22", invdate: "2007-5-1", name: "test 5", note: "note 5", tax: "50.00", total: "5111.00" },
{ id: "23", invdate: "2007-6-1", name: "test 6", note: "note 6", tax: "60.00", total: "6111.00" },
{ id: "24", invdate: "2007-7-1", name: "test 7", note: "note 7", tax: "70.00", total: "7111.00" },
{ id: "25", invdate: "2007-8-1", name: "test 8", note: "note 8", tax: "80.00", total: "8111.00" },
{ id: "26", invdate: "2010-1-1", name: "Test 1", note: "note 1", tax: "10.00", total: "1111.00" }
];
jQuery("#list47″).jqGrid({
data: mydata,
datatype: "local",
height: 150,
width: 670,
rowNum: 10,
scroll: 1,
viewrecords: true,
shrinkToFit: false,
colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
colModel: [
{ name: 'id', index: 'id', width: 60, sorttype: "int" },
{ name: 'invdate', index: 'invdate', width: 90, sorttype: "date", formatter: "date" },
{ name: 'name', index: 'name', width: 100 },
{ name: 'amount', index: 'amount', width: 80, align: "right", sorttype: "float", formatter: "number" },
{ name: 'tax', index: 'tax', width: 80, align: "right", sorttype: "float" },
{ name: 'total', index: 'total', width: 80, align: "right", sorttype: "float" },
{ name: 'note', index: 'note', width: 150, sortable: false }
],
pager: "#plist47″,
caption: "Manipulating Array Data"
});
</script>
Tony, do you have a quick workaround (my code is already in Production)?
Thank you very much!
Cornel
10:15
Moderators
30/10/2007
Hello,
Thanks. This is a known problem and it wont be fixed.
The reason for this is that when we are in scroll:1 we get the height of the first row and based on this we calculate how many place we need.
This calculation is not very effective, but I can not find other good way to calculate how many room we need.
Hope you understand what I mean.
In order to resolve remove the height auto.
Best Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
27 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66