在Listview中滚动并快速点击项目无法停止滚动,打算它会打开一个项目?

时间:2016-04-27 16:10:05

标签: nativescript

在listview里面我有listview模板,里面有不同的元素和不同的tap事件监听器。

在IOS中滚动快速和快速触摸屏幕。 它导航到项目页面而不是停止滚动所以我想接近下面的方法来停止滚动。无法修复。

预期结果:停止滚动 如果触摸屏幕以停止滚动,然后触摸屏幕打开项目页面。

实际结果:进入els部分,无法停止滚动。 在屏幕上滚动触摸时(点击事件引发)而不是停止滚动。

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
  <ListView items="{{ menu }}" row="1"  id="mylist" >
    <ListView.itemTemplate>
      <GridLayout columns="auto, *">
        <Image src="{{ imageURL }}" row="0" cssClass="icon" tap="myTapListener"/>
        <StackLayout col="1" tap="myTapListener1">
          <Label text="{{ title }}"  cssClass="name"/>
          <Label text="{{ subtitle }}" cssClass="location"/>
        </StackLayout>
      </GridLayout>
    </ListView.itemTemplate> 
  </ListView>
</Page



 exports.myTapListener = function(args) {
    var item = args.object;
    if(item.page.getViewById("mylist").isScrolling) {
        console.log("Scroll stopped: " + item.page.getViewById("mylist).isScrolling);
        return;
    } else {
        console.log("unable to stop:" + item.page.getViewById("mylist).isScrolling);
    }
}

exports.myTapListener1 = function(args) {
    var item = args.object;
    if(item.page.getViewById("mylist").isScrolling) {
        console.log("Scroll stopped: " + item.page.getViewById("mylist).isScrolling);
        return;
    } else {
        console.log("unable to stop:" + item.page.getViewById("mylist).isScrolling);
    }
}

1 个答案:

答案 0 :(得分:2)

Js代码必须是:

var frame = require('ui/frame');

exports.myTapListener = function(args) {
    var page = frame.topmost().currentPage;
    if(page.getViewById("mylist").isScrolling) {
        console.log(page.getViewById("mylist").isScrolling);
    } else {
        topmost().navigate("module/a1")
    }
}

exports.myTapListener1 = function(args) {
    var page = frame.topmost().currentPage;
    if(page.getViewById("mylist").isScrolling) {
        console.log(page.getViewById("mylist).isScrolling);
    } else {
        topmost().navigate("module/a2")
    }
}
这些事件处理程序中的

args.object 不是页面对象;但是生成事件的项目。所以你只需要引用当前页面 frame.topmost()。currentPage