在Windows 8中使用ListView JavaScript来点击Item

我正在使用以下代码获取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 essentials sample.

ListView已经在其data-win-options属性中定义了一个名为handler的处理程序.

在后面的代码中,您需要创建该事件处理程序：

function handler(eventObject) { 
    eventObject.detail.itemPromise.done(function (invokedItem) { 
        // In here, you can use invokedItem.index and invokedItem.data
    }); 
}

标签：winjs,javascript,mobile,windows-8
来源： https://codeday.me/bug/20190825/1723787.html