WIndows 8 Metro列表视图事件监听器

Question

我想为Windows 8创建一个简单的HTML Metro应用程序。我想显示一个列表视图，并基于点击的项目在屏幕上显示不同的内容。听起来微不足道吧？ 但它不起作用！这里是我的代码：

<div id="frameListViewTemplate" data-win-control="WinJS.Binding.Template"> 
    <img data-win-bind="src: picture" class="thumbnail" /> 
</div> 
<div id="basicListView" data-win-control="WinJS.UI.ListView" 
    data-win-options="{itemDataSource : DataExample.itemList.dataSource, itemTemplate: select('#frameListViewTemplate'),onselectionchanged : handler}"> 
</div> 

比在defult.js

var myListView = document.getElementById("basicListView").winControl; 
myListView.addEventListener("selectionchanged", handler); 

而且处理程序：

function handler() { 
console.log("Inside the handler : "); 
} 
handler.supportedForProcessing = true; 

所以处理程序不会被调用。我的问题是：如何添加一个事件监听器及其处理程序到列表视图控件。 如何识别列表视图上的哪个元素被点击。

P.S. listview在我的应用程序中正确显示。 感谢您的帮助， J

Answer 1

要获得“点击”项目，您需要使用itemInvoked。当用户在物品上滑动以选择物品时，选择会发生变化，而不是点击/点击来“调用”它。

http://msdn.microsoft.com/en-us/library/windows/apps/br211827.aspx有一些基本的细节。