Maintain Grid Scrollbar Position in EXTJS 4

[waqar]

this is how my view config looks like :

viewConfig: {
        columnLines : true,
        loadingText : undefined,
        loadMask : false,
        preserveScrollOnRefresh : true,
        onStoreLoad: Ext.emptyFn
    },

but it didnt worked I put empyfn to in veiwconfig but no sucess then as a last resort this worked :

grid.load(function(){
grid.getEl().down('.x-grid-view').scrollTo('top', prev_scrollPosition, false);
})

[nchcarlos]

...strange. Check out the doc. http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.View-cfg-preserveScrollOnRefresh
Glad to see you've got it working though.

[EESW]

"preserveScrollOnRefresh: true" works for me in 4.1, except in Chrome. Anyone else see this behavior?

[waqar]

I used it too, but it didn't worked for me in any browser that's why I manually displaced scroller to prev_location on "Load(callback(prev_location))"

did you tried on IE 8~9 I wonder why it has different output for different developers, may be because the approach used by every developers is different!

"preserveScrollOnRefresh: true" works for me in 4.1, except in Chrome. Anyone else see this behavior?

[EESW]

Thanks for the reply, waqer. I agree that it could be related to different implementations. We are using MVC and doing a reconfigure on the grid. Works for us in IE9 and Firefox. Only seeing a problem in Chrome. We actually have two grids inside different panels in a ViewPort. Strange, I just noticed the scroll bar only resets in one of the grids! Going to have to look more closely at the View definitions!

[waqar]

ok, I hope you get hold of actual reason why same component behaving differently on similar situations...

Do share with us too..

Thanx in Advance!

Thanks for the reply, waqer. I agree that it could be related to different implementations. We are using MVC and doing a reconfigure on the grid. Works for us in IE9 and Firefox. Only seeing a problem in Chrome. We actually have two grids inside different panels in a ViewPort. Strange, I just noticed the scroll bar only resets in one of the grids! Going to have to look more closely at the View definitions!

[ahdavis]

I'm using ExtJS 4.1.1 and was trying to preserve the scroll position of Ext.tree.Panel and

viewConfig:{    "preserveScrollOnRefresh: true"

did not work for me, but the following did and I imagine it would work for a normal grid as well:

1. Created a global var:

var scrollPosition = 0;

2. Before my grid reload:

scrollPosition = treePanel.getEl().down('.x-grid-view').getScroll();

3. In my load event handler for my Ext.data.TreeStore:

if( scrollPosition != 0 ) {
    schedTree.getView().scrollBy( 0, scrollPosition.top, false );
}

[Nick_Kourpan]

How I can create Ext.grid.Panel with remote DB scrolled not to top? Ext 4.1.1.

This is fragment of my Ext.grid.Panel config:

            viewConfig: {
                trackOver: false,
                preserveScrollOnRefresh: true,
            },
            listeners: {
                viewready: function() {
                        this.getView().scrollState.top=300;
                        this.getView().restoreScrollState();
//                        this.getView().focusRow(30);
                }
            },

If I set a breakpoint, then after it both variants (restoreScrollState or focusRow) works fine. But in realtime they don't works. How can I do this?

[5ukwzx]

I found this accidentally, since it's not listed in the API for 4.0, but it's what we're looking for:

invalidateScrollerOnRefresh: false,

Just toss that onto your grid configuration and it should be good to go. Works for my purposes.

Makes me wonder what other gems are hidden in the code and aren't displayed in the API?

It was useful thank you