Scrolling Event not getting called for layout

asked 2022-02-22 17:24:02 +0800

SahilGupta29
1

Product query context:

1. ZK Version: '8.0.1'
2. Component Support: Center,Div,Vlayout

Query:

We are trying to call the scrolling event for the center layout in the application. But the scroll event is not getting called.

<center id="mainlayoutCenterCanvas" xmlns:w="client" w:onScroll='console.log("scroll a")'autoscroll="true">
        <div id="mainLayoutFullfill" xmlns:w="client" w:onScroll='console.log("scroll b")' fulfill="=../WEB-INF/zul/qa/layout/center.zul"/>
</center>

And in the center.zul we have :

<vlayout id="centerAreaCanvas" xmlns:w="client" w:onScroll='console.log("scroll center")'>

For all the above components we have added an event listener in Java also as:

public Center getMainlayoutCenterCanvas() {
    Center mainlayoutCenterCanvas = (Center)getFellowIfAny("mainlayoutCenterCanvas");
    mainlayoutCenterCanvas.addEventListener(Events.ON_SCROLL, new EventListener<Event>() {
        @Override
        public void onEvent(Event event) throws Exception {
            // TODO Auto-generated method stub
            System.out.print("check");
        }
    });
    mainlayoutCenterCanvas.addEventListener(Events.ON_SCROLLING, new EventListener<Event>() {
        @Override
        public void onEvent(Event event) throws Exception {
            // TODO Auto-generated method stub
            System.out.print("check");
        }
    });
    return mainlayoutCenterCanvas;
}

Div mainLayoutFullfill;
public void addListenerToCenter() {
    if(centerAreaCanvas == null) {
        centerAreaCanvas = (Vlayout)getFellowIfAny("centerAreaCanvas");
        centerAreaCanvas.addEventListener(Events.ON_SCROLL, new EventListener<Event>() {
            @Override
            public void onEvent(Event event) throws Exception {
                // TODO Auto-generated method stub
                System.out.print("check a");
            }
        });
        centerAreaCanvas.addEventListener(Events.ON_SCROLLING, new EventListener<Event>() {
            @Override
            public void onEvent(Event event) throws Exception {
                // TODO Auto-generated method stub
                System.out.print("check a");
            }
        });
    }
    if(mainLayoutFullfill == null) {
        mainLayoutFullfill = (Div)getFellowIfAny("mainLayoutFullfill");
        mainLayoutFullfill.addEventListener(Events.ON_SCROLL, new EventListener<Event>() {
            @Override
            public void onEvent(Event event) throws Exception {
                // TODO Auto-generated method stub
                System.out.print("check b");
            }
        });
        mainLayoutFullfill.addEventListener(Events.ON_SCROLLING, new EventListener<Event>() {
            @Override
            public void onEvent(Event event) throws Exception {
                // TODO Auto-generated method stub
                System.out.print("check b");
            }
        });

    }
}

But none of the events are getting called. What is wrong here What can we do? I need to get Y position(Vertical scroll position on scrolling and save it)