gwt grid scroll syn

Question

I'm using gwt; and I have two grids in my page. They have the same count of rows with diff contents.

I want that, when I scroll grid1,grid2 auto scroll to the same place.

Can anyone help?

I tried like this, but this event doesn't fire.

grid1.addBodyScrollHandler(new BodyScrollHandler()
    {
        @Override
        public void onBodyScroll(BodyScrollEvent event)
        {
            Info.display("test", event.getScrollTop() + "");
            //if this event fires,how to scroll grid2
        }
    });

score 0 · Answer 1 · answered Dec 07 '15 at 08:28

You can follow the approach as like this:

Add two GridListeners to each of the GRIDS that you want on your UI
Implement a handler for onScroll event of the first grid and add functionality to scroll the second grid

A similar implementation of the problem that you've asked has been implemented with GWT-EXT, hope that this link provides you with the basic idea though the code given there might not help you completely!

score 0 · Accepted Answer · edited May 23 '17 at 12:07

0

From https://stackoverflow.com/a/15048539/860630, which goes into a little more depth on other parts of this general issue:

  grid1.addBodyScrollHandler(new BodyScrollHandler() {
    @Override
    public void onBodyScroll(BodyScrollEvent event) {
      grid2.getView().getScroller().scrollTo(ScrollDirection.TOP, event.getScrollTop());
    }
  });
  grid2.addBodyScrollHandler(new BodyScrollHandler() {
    @Override
    public void onBodyScroll(BodyScrollEvent event) {
      grid1.getView().getScroller().scrollTo(ScrollDirection.TOP, event.getScrollTop());
    }
  });

edited May 23 '17 at 12:07

Community

1
1

answered Dec 07 '15 at 17:04

Colin Alworth

17,801
2
26
39

still no answer why event is not firing – Mike Voitenko Mar 13 '19 at 14:43
The event "wasn't firing" since the code was listening to one grid, but not the other. The answer is to listen to both grids, and use each to scroll the other. – Colin Alworth Mar 13 '19 at 17:35

gwt grid scroll syn

2 Answers2