As mentioned in Javadocs, http://dev.sencha.com/deploy/gxtdocs.../SplitBar.html the SplitBar fires events Resize, DragStart and DragEnd when the user drags it.

I have a requirement where a Border Layout is applied to a ContentPanel on screen and I need to track the user resizing the West region.

This is my attempted code:

Code:
BorderLayout borderLayout = new BorderLayout(){
          @Override
          protected SplitBar createSplitBar(LayoutRegion region, BoxComponent component) {
            SplitBar splitBar = super.createSplitBar(region, component);
            if(region.equals(LayoutRegion.WEST)){
              System.out.println("Adding listener ...");
              splitBar.addListener(Events.Resize, new Listener <SplitBarEvent>(){
            public void handleEvent(SplitBarEvent be) {
              System.out.println("HERE Resize");
            }
              });
              splitBar.addListener(Events.DragStart, new Listener <SplitBarEvent>(){
                public void handleEvent(SplitBarEvent be) {
                  System.out.println("HERE DragStart");
                }
              });
              splitBar.addListener(Events.DragEnd, new Listener <SplitBarEvent>(){
                public void handleEvent(SplitBarEvent be) {
                  System.out.println("HERE DragEnd");
                }
              });              
            }
            return splitBar;
          }
        };
I set this layout to a ContentPanel and observed the output on console. I am able to see Adding listener ... when the screen is rendered, indicating that the Listener is added.
However, the Other Sysouts do not appear indicating that the event is not triggered at all. No exception is thrown too.

Please help / suggest me an alternative, I am using GXT 2.1.3