Search code examples
javaextjsgwtgxt

gwt grid scroll syn


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
        }
    });

Solution

  • 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());
        }
      });