scrollEnd event of ScrollableView inside ScrollableView

Hi,

It seems that ScrollableView(parent) is catching the ScrollableView(child)'s event. How do I prevent Parent's ScrollableView event from triggering.

Below is not the actual code but it should work the same.

var label1 = Ti.UI.createLabel({ text: "Hello" });
var label2 = Ti.UI.createLabel({ text: "World" });
var childScrollable = Ti.UI.createScrollableView({
    views: [label1, label2]
});
var parentScrollable = Ti.UI.createScrollableView({
    views: [childScrollable]
});
 
parentScrollable.addEventListener("scrollEnd", function(e) {
    Ti.API.info("I should stay in page 0. The current page is: "+e.currentPage);
});
 
childScrollable.addEventListener("scrollEnd", function(e) {
    Ti.API.info("Im the child scrollableview and my page is "+e.currentPage);
});

When I scroll the child scrollableview to page 1 the parent scrollableview is triggered and display result as currentpage to 1.

Thanks!

Jason, why in the world would you want to put a scrollable view inside a scrollable view? It is more than normal to behave like this.

I currently have the same need. I wish Titanium develops a vertical scrollableview too... Jason, a dirty way is to check the source of event.

parentScrollable.addEventListener("scrollEnd", function(e) {
    if (e.source === parentScrollable) {
            Ti.API.info("I should stay in page 0. The current page is: "+e.currentPage);
    } else if (e.source === childScrollable) {
        Ti.API.info("Im the child scrollableview and my page is "+e.currentPage);
    }
});

I hope it will help.