Windows® 8.1 Apps with HTML5 and JavaScript Unleashed

Invoking Items in a ListView Control

Under the covers, a ListView control renders ItemContainer controls for each ListView item. This is the exact same ItemContainer control that we discussed in the previous chapter. Therefore, ListView items support the same events and styling as ItemContainer controls.

You can handle the ListView control’s iteminvoked event to detect when a particular ListView item is clicked. The page in Listing 8.7 contains a standard ListView control (nothing special about it).

LISTING 8.7 Invoking a ListView Item (itemInvoked\itemInvoked.html)

Click here to view code image

<div id="tmplProduct"    data-win-control="WinJS.Binding.Template">    <div class="productItem">        <h2 data-win-bind="innerText:name"></h2>        Price: ...