jQuery Grid Plugin - jqGridForum

Topic RSS

Preserve scroll position after ReloadGrid

03/10/2011
18:56

Klaus

Member

Members

Forum Posts: 68

Member Since:
18/11/2009

Offline

Hello!

Is it possible to preserve the current scroll position of the user after a ReloadGrid was triggered?

Explanation: I'm using the grid with automatic update (ReloadGrid) every 5 seconds with 100 rows but not all are visible, so there is a vertical scroll bar. But when the user scrolls to the bottom his scrollbar is set to the top again after every ReloadGrid call.

Is there a solution to keep the scroll position or to reset the scroll position afterwards?

Kind regards,
Klaus.

04/10/2011
11:11

Klaus

Member

Members

Forum Posts: 68

Member Since:
18/11/2009

Offline

I've just found a simple solution for that problem on my own by extending the selectionPreserver function:

selectionPreserver : function(ts) {
var p = ts.p;
var sr = p.selrow, sra = p.selarrrow ? $.makeArray(p.selarrrow) : null;
var left = ts.grid.bDiv.scrollLeft;
var complete = p.gridComplete;
// FIX to keep scroll position on reload - store old scroll position
var oldScrollTop = $(ts.grid.bDiv)[0].scrollTop;

p.gridComplete = function() {
    p.selrow = null;
    p.selarrrow = [];
    if(p.multiselect && sra && sra.length>0) {
      for(var i=0;i<sra.length;i++){
        if (sra[i] != sr) {
          $(ts).jqGrid("setSelection",sra[i],false);
        }
      }
    }
    if (sr) {
      $(ts).jqGrid("setSelection",sr,false);
    }
    ts.grid.bDiv.scrollLeft = left;
    // FIX to keep scroll position on reload - restore old scroll position
    if(oldScrollTop >= 0) {
      $(ts.grid.bDiv)[0].scrollTop = oldScrollTop;
    }

    p.gridComplete = complete;
    if (p.gridComplete) {
      complete();
    }
};
}

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
66 Guest(s)

Currently Browsing this Page:
1 Guest(s)