[CLOSED] Sync Scroll 2 Grids

[rthiney]

How can I sync the scrolling of 2 grids that have the same number of items in each independent store?

[Daniil]

Hi,

I'd try to make a single scrollbar for these two grids. I mean placing them in one container.

[rthiney]

unfortunately these 2 grid are in separate regions of a view port...east and west.
Can I use

#{gridFund}.getView().focusRow(25);

Which as I can see will scroll my grid for me...

I was hoping to get a handler for the BodyScroll.

Not sure what parameters I can access from this, but ideally I'd like to set the focusRow() of the second grid using this method...

Any idea?

[Daniil]

Ok, then a single scrollbar is not an option.

Well, .focusRow() sounds good.

Please investigate these two examples how to work with scroller.
http://forums.ext.net/showthread.php?11031
http://forums.ext.net/showthread.php?9326

[rthiney]

Do you know, or can you point me to where I can find out what parameters are passed to the BodyScroll handler?

<Listeners>
<BodyScroll Handler="HandlerBScroll" />
</Listeners>

fucntion HandlerBScroll(?,?,?,?)
{

}

[Vladimir]

Hi,

this.getView().scroller.on('scroll', syncScroll); // add this code to AfterRender event of GridPanel1

function syncScroll(){
    GridPanel2.getView().scroller.dom.scrollTop = GridPanel1.getView().scroller.dom.scrollTop;
}