Is there any way to keep scroll position of Grid on load

[longracer]

I've read the previous thread "Grid Loses Selection and Scroll Position On Data Store Load" and tried the way to restore scroll position after ds.load. It works, but "However there is still a visible twitch in the grid as it scrolls to the top and then back to the restored position.", I also tried :

grid = new Ext.grid.Grid('guests', {
            ds: ds,
            cm: colModel,
            view: new Ext.grid.GridView({
                focusRow: Ext.emptyFn,
                ensureVisible: Ext.emptyFn
            })
        });

I think the option to turn off redraw grid while only update data in it is very important requirement. The typical usage such as real time stock quotes display has to have this option, or it can't work well, obviously. So can Ext team put some effort on it?

[wck555]

It's a bit of a hack, but if you create your grid as shown below, the grid scroll position will stay where it is when the data store is reloaded. The selection remains the same as well. The onLoad() function of the grid calls scrollToTop(). By eliminating scrollToTop(), the grid no longer moves when it is reloaded. The only drawback is that you can no longer call scrollToTop() on the grid.

new Ext.grid.Grid('parent', {
...
   view: new Ext.grid.GridView({ scrollToTop: Ext.emptyFn })
});

[longracer]

Thank you, wck555, It just works as you said. Though I have to forget scrollToTop, but I got a grid without blinking

[JeffHowden]

An alternative would be user Ext.override() to add a new method to the gridView that implements a copy of the scrollToTop() method. Then, override the built-in scrollToTop() method pointing it at the emptyFn() function, as mentioned above.

Ext.override(Ext.grid.GridView, {
    scrollTop : function() {
        this.scroller.dom.scrollTop = 0;
        this.scroller.dom.scrollLeft = 0;
    },
    scrollToTop : Ext.emptyFn
});

Now, if you need to actually scroll to the top, you call your own scrollTop() method.

Yet another alternative is to use the override mentioned in the post above, and then simply access the gridView's scroller and call it's built-in scrollTo() method. Assuming "grid" is a variable holding a reference to your grid, you can do:

grid.getView().scroller.scrollTo('top', 0);

Additionally, this approach means you can animate the scroll, if you choose:

grid.getView().scroller.scrollTo('top', 0, true);

or get fancy with it:

grid.getView().scroller.scrollTo('top', 0, { easing: 'bounceOut' });

[cocorossello]

Thx a lot guys, just what i was looking for

[Chris_S]

I realize this thread is old, but I found my answer here and thought I'd add my solution for the next person that hits it...

I came up with a less destructive version that I am using with 3.0:

Ext.override(Ext.grid.GridView, {
    holdPosition: false,
    onLoad : function(){
        if (!this.holdPosition) this.scrollToTop();
        this.holdPosition = false
    }
});

This way you don't have to remove the scrollToTop function and you can choose to override the scrollToTop behavior only at specific loads with something like:

grid.getView().holdPosition = true
grid.getStore().reload()

I needed this feature because I still want it to scroll to the top properly when I load with new parameters.

[W3Design]

I realize this thread is old, but I found my answer here and thought I'd add my solution for the next person that hits it...

I came up with a less destructive version that I am using with 3.0:

Ext.override(Ext.grid.GridView, {
    holdPosition: false,
    onLoad : function(){
        if (!this.holdPosition) this.scrollToTop();
        this.holdPosition = false
    }
});

This way you don't have to remove the scrollToTop function and you can choose to override the scrollToTop behavior only at specific loads with something like:

grid.getView().holdPosition = true
grid.getStore().reload()

I needed this feature because I still want it to scroll to the top properly when I load with new parameters.

Thank you, your post was very helpful

[fdupont]

That's brilliant, thx.

[milestonebass]

Thanks Chris_S. Neat override solution.

[Henry12]

Can anybody send me the complete code of this problem.