在Metro應用程序中單擊項目時顯示彈出窗口

如何在用戶單擊ListView項目的子元素時顯示彈出窗口。我的意思是當用戶點擊下面ListView項目的「item-overlay」時，應該顯示一個彈出窗口。我遇到的問題是地鐵ListView沒有提供一個事件方法讓我在itemInvoked中獲取該DOM。在Metro應用程序中單擊項目時顯示彈出窗口

HTML

<!-- Detail items --> 
<div class="itemtemplate" data-win-control="WinJS.Binding.Template"> 
    <img class="item-image" src="#" data-win-bind="src: backgroundImage; alt: title" /> 
    <div class="item-overlay"> 
     <h4 class="item-title" data-win-bind="textContent: shortTitle; id: key"></h4> 
    </div> 
</div>

JS。這是ListView項的itemInvoked事件

itemInvoked: function (args) { 
    console.log("groupItems:itemInvoked"); 
    if (appView.value === appViewState.snapped) { 
     // If the page is snapped, the user invoked a group. 
     var group = Data.groups.getAt(args.detail.itemIndex); 
     nav.navigate("/pages/groupDetail/groupDetail.html", { groupKey: group.key }); 
    } else { 
     // If the page is not snapped, the user invoked an item. 
     var item = Data.items.getAt(args.detail.itemIndex); 

     nav.navigate("/pages/itemDetail/itemDetail.html", { item: Data.getItemReference(item) }); 
    } 
},

來源

2012-07-23 Emerald214

那麼很可能需要的雙贏互動添加到容器中，以確保列表視圖不下嚥與元素的任何相互作用。

這說明，給你的處理程序，爲什麼你甚至要走這條路，不默認調用的東西給你什麼，你呢？

來源

2012-07-24 02:52:04

在Metro應用程序中單擊項目時顯示彈出窗口

回答

相關問題