Working with remote data - Build Windows 8 Apps with HTML5 and JavaScript - page 276

data-win-options="{ itemDataSource: RssReader.Items.dataSource,
itemTemplate: newsItemTemplate,
layout: {type: WinJS.UI.ListLayout} }">
</div>
At this point, if you compile and run the sample project you should see something similar to
Figure 11-5.
FIGURE 11-5 The RSS Reader sample application in action.
Drilling down into data
In previous chapters, you saw how to make any item displayed within a ListView clickable, which can
result in more data being presented to the user, in a “drill-down” process. As shown in Figure 11-5, so
far only the title, publication date, and category are displayed to the user. But what if you want to give
users a preview of the news content, or let them navigate to the actual source of the content? Sure,
you could add more UI elements and bind them within the list view, but that would take extra screen
space. Instead, you can let users drill down when they want more information. To do that, you need
to make the ListView items clickable, and then you need to find a way to show at least the description
field of the downloaded news.