用winjs检测listview上的滚动事件

Question

我需要加载更多的项目，只要用户滚动到我的列表视图的末尾。

我尝试使用microsoft示例：http://code.msdn.microsoft.com/windowsapps/listview-loading-behavies-718a4673/view/sourceCode（场景2)，但它与windows Phone8.1中的列表视图行为不同。

listView.winControl.itemTemplate = this.incrementalTemplate;
incrementalTemplate: function (itemPromise, recycledElement) {
    if (!recycledElement) {
        recycledElement = document.createElement('div');
    }
    var renderComplete = itemPromise.then(function (item) {

        console.log(item.index);


        itemTemplate.winControl.render(item.data, recycledElement);
        return item.ready;
    }).done(function (item) {
        console.log("clp"+item.index);

    });
    return { element: recycledElement, renderComplete: renderComplete };
},

而且，我的listview似乎从未激发加载状态事件

listView.addEventListener("loadingstatechanged", function (args) {
    //never fired
}, false);

Answer 1

listview位于集线器中,解决方案是在win数据透视项上添加onscroll事件：

 document.querySelector(".win-pivot-item-content").onscroll = function () {
                if (self.scrollAtBottom(this) === true) {
                    //load more
                }
            };

   scrollAtBottom : function(element){
        return element.scrollHeight - element.scrollTop === element.clientHeight
    },