jQuery Grid Plugin - jqGrid - Topic: virtual scroll + ajax xml data + go to page programmatically

shuki on virtual scroll + ajax xml data + go to page programmatically

Sun, 23 Oct 2011 17:55:39 +0300

Hi,

Can anyone help with this issue?

I have the same problem with dynamic scrolling that when I programmatically load a specific page the grid does not scroll to it.

If I try to scroll to the position of the records in the page using:

grid.closest(".ui-jqgrid-bdiv").scrollTop(2400);

The scroll button moves a bit and fires loading of the page the scroll button is currently on.

Any help will be greatly appreciated.

Thanks

Rakeka on virtual scroll + ajax xml data + go to page programmatically

Wed, 10 Aug 2011 22:04:48 +0300

coke said:Looks like if you want to reset paging, you need {page: null} instead of {page: 1}.

No, I want to change to an specific page and it does not work with virtual scrolling.

coke on virtual scroll + ajax xml data + go to page programmatically

Wed, 10 Aug 2011 17:35:40 +0300

Looks like if you want to reset paging, you need {page: null} instead of {page: 1}.

Rakeka on virtual scroll + ajax xml data + go to page programmatically

Mon, 01 Aug 2011 07:19:10 +0300

I'm having the same problem, when the option 'scroll' is 'true' or '1' and the page is changed via script ($('#gridID').setGridParam({page: 10}).trigger('reloadGrid');), the pager displays the right info (for example: View 1 101 – 1 150 of 2 000), but, the scroll bar doesn't change position and the grid displays nothing. It appears to be a jqGrid bug, Am I right?

SteveT on virtual scroll + ajax xml data + go to page programmatically

Mon, 28 Mar 2011 23:01:07 +0300

Sorry, its actually after this line in updatepager:

$(">div:first",ts.grid.bDiv).css({height : height}).children("div:first").css({height:top,display:top?"":"none"});

SteveT on virtual scroll + ajax xml data + go to page programmatically

Mon, 28 Mar 2011 22:42:57 +0300

I experienced the same problem. Here is my attempt at a fix...

In the updatepager function after the line with:

$(">div:first",ts.grid.bDiv).css({paddingTop: top, height : height - top});

I added:

if (ts.grid.bDiv.scrollTop == 0 && ts.p.page > 1) {

ts.grid.bDiv.scrollTop = ts.p.rowNum * (ts.p.page - 1) * rh;

}

LucaB on virtual scroll + ajax xml data + go to page programmatically

Mon, 28 Feb 2011 13:01:56 +0200

Hello,

I found a useful post on the topic,

/blog/?page_id=393/help/simulate-scroll-event-reload-next-page-virtualization/&value=scroll&type=1&include=3&search=1

but it seems not to apply to my scenario.

My configuration:

$jqgrid_container.jqGrid({

url:'jqgrid',

datatype: 'xml',

colNames:[...],

colModel:[...],

rowNum:100,

rowTotal: $jqgrid_container.data('total-entries'),

rowList:[100,500,1000],

pager: '#jqgrid-pager',

loadui:'block',

gridview:true,

viewrecords: true,

scroll:1,

scrollrows : true,

sortname: $jqgrid_container.data('sortname'),

caption: $jqgrid_container.data('caption'),

onSelectRow: function(id){GridEditing.row(id)},

shrinkToFit:false

})

Everyrthing works fine when I do normal scrolling with mouse, but I can't get it working when I want to go to a specific page.

The solution $("#mygrid").jqGrid('setGridParam', {page:4}).trigger('reloadGrid') only works when the config option "scroll" is false.

When scroll is 1 or true, the pager tells the correct position (records 301-400 of 933), the rows actually are in the DOM, but there no rows are shown in the grid, and I can't get them in the correct position.

In the end I tried to do also $("#mygrid").jqGrid('setSelection',true), but it doesn't work.

I will appreciate any help,

Thanks,

Luca