ListView在Windows 8中獲得點擊項目

我正在使用以下代碼來獲取ListView，假設我想點擊任何特定項目需要詳細頁面我怎麼能？ListView在Windows 8中獲得點擊項目

<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>

任何人都可以引導我嗎？如果你知道這個問題，請評論我會再次解釋謝謝

來源

2013-02-12 Yagnesh

YUG - 作爲一個邊評論，你可以有你的模板問題，因爲上述聲明模板_after_你宣佈你的列表視圖。我以前遇到過問題。如果將mediumListIconTextTemplate div與basicListView div交換，則應該更好。 – GotDibbs 2013-02-12 17:14:39

看看在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 
    }); 
}

來源

2013-02-12 07:17:51 siger

如果我嘗試，我希望它會工作，因爲我想。我想要A B C D在ListView中，如果我點擊A，它會將我引導到僅詳細信息 – Yagnesh 2013-02-12 08:27:10

您需要提供更多關於細節區域的詳細信息。如果它是一個簡單的div在你的頁面上，處理程序可以在調用div時更新div。如果它是不同的頁面，則需要執行導航並將項目詳細信息作爲參數傳遞。 Visual Studio 2012中的默認模板之一將向您展示該技術。如果你被卡住了，請發佈更多細節！ – siger 2013-02-12 16:34:08

現在我剛剛使用標籤進行導航 – Yagnesh 2013-02-13 11:36:42

ListView在Windows 8中獲得點擊項目

回答

相關問題