Auto scroll a grid to a specific row

[pmruk]

Hi,

I have a gridPanel containing an Store which includes a date column. The grid is sorted in date ascending order by default. I'd like to automatically scroll the grid to the row closest to today's date. I have found that the following both work in the FB console:

grid.getView().focusRow(x);
Ext.getCmp('theGrid').getView().scroller.dom.scrollTop = y

but I can't work out what event to listen for in order to fire one of the above. It seems that neither listening for the load event of the store or the render event on the grid work.

I must be doing something wrong. Could someone help?

Thanks

[Animal]

Use the viewready event.

[pmruk]

OK, listen for 'viewready' on the GridPanel; makes sense except I can't get it to fire. I'm using version 2.2.1 and although I can find it in the 3.1 docs it doesn't appear under the GridPanel class in the 2.2.1 docs. Is it actually implemented in 2.2.1? Or is there something wrong with my implementation?

var mygrid = new Ext.grid.GridPanel({
    store      : this.store,
    height     : 300,
    width      : 500,
    stripeRows : true,
    listeners  : {
         viewready: function(grid){
             console.log(grid);
        }
    }
});

Thanks

[jay@moduscreate.com]

Please post in the *help* section in the future with these types of questions.

Moved to help.

[Animal]

It's a 3.* event