0

我正在使用 Angular Kendo Mobile 构建跨平台应用程序。

我有一个使用“kendo-list-view”的剑道列表。 

<div kendo-list-view >

当用户在我的控制器中滚动此列表时，我想获得一个事件。

我还尝试使用纯角度代码来获取滚动事件，如下面的问题所述。

将类切换绑定到窗口滚动事件

但在我的情况下，什么都没有发生，并且指令内的代码没有被调用。

更新

我的 HTML 列表视图如下：

<kendo-mobile-view id="myListScreen" k-transition="'slide'" k-title="'My List'" k-layout="'default'" ng-controller="myListCtrl">

    <kendo-mobile-header >
        <kendo-mobile-nav-bar style="background-color: gray">
            <kendo-view-title style="color: white"></kendo-view-title>
            <kendo-mobile-button k-rel="'drawer'" href="#navDrawer" k-align="'left'"><img src="img/menu.png"></kendo-mobile-button>
        </kendo-mobile-nav-bar>
    </kendo-mobile-header>

    <div class="myListMainDiv">
        <div kendo-list-view 
             id="myListViewDiv"
             class="myListViewDiv"
             k-template="templates.myListViewItem" 
             k-data-source="myService.listDataSource" 
             ng-show="showListSelected"
             ></div>
   </div>

   <script id="myListViewItem" type="text/x-kendo-template">
        <div id="{{dataItem.id}}" ng-click="onSelected(dataItem.id)">
           {{dataItem.name}}
        </div>
   </script>

</kendo-mobile-view>

当用户选择使用kendo.mobile.application.navigate("MyList.html");. 当此页面的控制器加载时，我已经使用创建了列表，new kendo.data.DataSource并且已附加new kendo.data.ObservableArray到我的数据源。

4

1 回答 1

1

您可以从您的 Kendo 移动视图中获取滚动事件Scroller，例如，如果您有一个视图id="myListScreen"：

    var kendoView = $('#myListScreen').data().kendoMobileView;
    var scroller = kendoView.scroller;

    scroller.bind("scroll", function(e) {
        console.log(e.scrollTop);
        console.log(e.scrollLeft);
    });

你可以在他们的文档中找到更多关于剑道卷轴的信息

于 2016-05-12T15:35:59.593 回答