feto on Virtual Scrolling Issue/Bug

Tue, 11 Jan 2011 01:33:29 +0200

There seems to be an issue with jqGrid when utilizing the Virtual Scrolling feature. The issues is on initial load of the grid it only lets you scroll to the rowNum: 20 amount. But if you invoke/trigger an action on the grid like sort on column after that action you can then scroll the grid past rowNum: 20 you can scroll it any where in the result list of the grid.

Here are my two grids that I have configured, and am using the latest 3.8.1 version:

jQuery("#groupObjectItemsOutGrid").jqGrid({
                datatype: 'local',
                data: data3,
                height: 255,
                width: 350,
                colNames: ['Id', 'Name'],
                colModel: [{ name: 'Id', index: 'Id', align: 'center', width: 20, hidden: true, key: true },
                            { name: 'Name', index: 'Name', align: 'center', width: 40}],
                rowNum: 20,
                rowTotal: -1,
                scroll: 1,
                multiselect: true,
                rownumbers: true,
                rownumWidth: 20,
                gridview: true,
                sortname: 'Name',
                viewrecords: true,
                recordpos: 'center',
                sortorder: "asc",
                caption: 'Out',
                pager: '#groupObjectItemsOutPager'
        });
        jQuery("#groupObjectItemsOutGrid").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false });

jQuery("#groupObjectItemsInGrid").jqGrid({
                datatype: 'local',
                data: data4,
                height: 255,
                width: 350,
                colNames: ['Id', 'Name'],
                colModel: [{ name: 'Id', index: 'Id', align: 'center', width: 20, hidden: true, key: true },
                            { name: 'Name', index: 'Name', align: 'center', width: 40}],
                rowNum: 20,
                rowTotal: -1,
                scroll: 1,
                multiselect: true,
                rownumbers: true,
                rownumWidth: 20,
                gridview: true,
                sortname: 'Name',
                viewrecords: true,
                recordpos: 'center',
                sortorder: "asc",
                caption: 'In',
                pager: '#groupObjectItemsInPager'
        });
        jQuery("#groupObjectItemsInGrid").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false });

jQuery("#groupObjectItemsOutGrid").jqGrid('gridDnD', { connectWith: '#groupObjectItemsInGrid', dropbyname: 'true' });
jQuery("#groupObjectItemsInGrid").jqGrid('gridDnD', { connectWith: '#groupObjectItemsOutGrid', dropbyname: 'true' });

thx in advance

jQuery Grid Plugin - jqGrid - Topic: Virtual Scrolling Issue/Bug

feto on Virtual Scrolling Issue/Bug