Windows® 8.1 Apps with HTML5 and JavaScript Unleashed

Using the Repeater Control

The Repeater control is the most flexible control included in the WinJS library for displaying a collection of data. You can use the Repeater control to render a variety of different types of elements including bulleted lists, select lists, checkbox lists, and tables.

Let me start with a simple example. Listing 7.7 contains a Repeater control that renders an HTML table of products (see Figure 7.4).

FIGURE 7.4 Rendering an HTML table with a Repeater control

LISTING 7.7 Using the Repeater Control (repeater\repeater.html)

Click here to view code image

<table>    <thead>        <tr>            <th>Product Id</th>             ...