我正在使用以下代码来获取ListView,假设我想点击任何需要进入详细页面的特定项目,我该怎么做?
<div id="basicListView" data-win-control="WinJS.UI.ListView"
data-win-options="{itemDataSource : RenttheRooRental.itemList.dataSource,
itemTemplate: mediumListIconTextTemplate, layout: {type: WinJS.UI.GridLayout}, oniteminvoked : handler}">
</div>
<div id="mediumListIconTextTemplate" data-win-control="WinJS.Binding.Template" class="">
<div id="menu" style="width: 150px; height: 100px;">
<!-- Displays the "picture" field. -->
<a href="URL:url">
<img src="#"
data-win-bind="alt: title; src: picture" />
</a>
<div>
<!-- Displays the "title" field. -->
<h2 data-win-bind="innerText: title"></h2>
</div>
</div>
</div>
有人能指引我吗?如果你不知道这个问题,请评论,我会再解释一遍感谢
看看MSDN上的HTML ListView基本示例。
ListView已经在其data-win-options
属性中定义了一个名为handler
的处理程序。
在后面的代码中,您需要创建事件处理程序:
function handler(eventObject) {
eventObject.detail.itemPromise.done(function (invokedItem) {
// In here, you can use invokedItem.index and invokedItem.data
});
}