DRAG DROP
You are developing a Windows Store travel-planning app. An array named dataArray stores
information about travel categories.
The array is defined in the following code:
The app must display the title and image for each travel category in a ListView control.
You need to define the HTML for the ListView control.
How should you complete the HTML? (To answer, drag each appropriate attribute or object
to the correct location or locations in the answer are
a. Each attribute or object may be used once, more than once, or not at all. You may need to
drag the split bar between panes or scroll to view content.)
Answer: See the explanation.
Explanation:
Box 1:Box 2:
Box 3:
Box 4:
Note:
* Use the data-win-bind property to bind a property of an element to a property of a data
source.
* The WinJS.UI.ListView object displays data items in a customizable list or grid.
Reference: How to use templates to bind data (Windows Store apps using JavaScript and
HTML) (Windows)
Reference: data-win-bind property (Windows)
