Forum
18:28
13/04/2011
Using 4.0 with jQuery 1.5.1
When the row heights are all the same, the AJAX/Virtual scrolling works perfectly.
However, as soon as a row loads that has a different height than the default, the scrolling becomes almost imposible.
Trying to move the scrollbar down to the bottom of the list results in the scrollbar jumping all over the place and loading a bunch of random callbacks.
Not sure what the problem is, but it's very annoying.
Here is a copy of my setup:
var material = $("#item_list").jqGrid({
url: "service.ashx?operation=get_list",
datatype: "json",
autowidth: true,
postData: {
},
colNames: ['id', 'Code#', 'Date Received', 'PO#', 'Qty Rec', 'Desc', 'Type/Grade', 'Heat#/Lot#/Slab#',
'Supplier', 'Special Testing & Notes', 'Mark Detail', 'AttachmentID', 'Attachment Location', 'row_num'],
colModel: [
{ name: 'id', index: 'id', width: 25, hidden: true, editable: false },
{ name: 'CodeNumber', index: 'CodeNumber', width: 50, sortable: true, align: 'center' },
{ name: 'DateReceived', index: 'DateReceived', width: 90, formatter: 'date', sortable: true, align: 'center' },
{ name: 'PO_Number', index: 'PO_Number', width: 100, sortable: false, hidden: false, align: 'center' },
{ name: 'QuantityReceived', index: 'QuantityReceived', width: 75, sortable: false, hidden: false, align: 'center' },
{ name: 'MaterialDesc', index: 'MaterialDesc', width: 250, sortable: false, hidden: false, align: 'center' },
{ name: 'MaterialType', index: 'MaterialType', width: 100, sortable: false, hidden: false, align: 'center' },
{ name: 'MaterialLot', index: 'MaterialLot', width: 100, sortable: false, hidden: false, align: 'center' },
{ name: 'Supplier', index: 'Supplier', width: 200, sortable: false, hidden: false, align: 'center' },
{ name: 'MaterialNotes', index: 'MaterialNotes', width: 200, sortable: false, hidden: true, align: 'center' },
{ name: 'MarkDetail', index: 'MarkDetail', width: 200, sortable: false, hidden: false, align: 'center' },
{ name: 'AttachmentID', index: 'AttachmentID', width: 150, sortable: false, hidden: true, align: 'center' },
{ name: 'AttachmentLocation', index: 'AttachmentLocation', width: 150, sortable: false, hidden: true, align: 'center' },
{ name: 'row_num', index: 'row_num', width: 25, hidden: true, editable: false }
],
scroll: 1,
rowNum: 10,
altRows: true,
mtype: "POST",
pager: '#item_pager',
sortname: 'DateReceived',
sortorder: "desc",
shrinkToFit: false,
viewrecords: true,
rownumbers: false,
gridview: true,
height:250,
caption: "Material Log Items",
processData: "Loading...",
editurl: "service.ashx?operation=edit_list",
onSelectRow: function (rowid, status) {
}
});
10:43
Moderators
30/10/2007
Hello,
This is actually true and the problem will not be fixed. Sorry.
The reason for this is that we must calculate the height in the scroll before the rows come to the grid.
It is possible to do exact calculations, but the calculation algorithm will make the grid so slowly so that there is no sence to use the this feature.
Kind 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:
53 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