Windows® 8.1 Apps with HTML5 and JavaScript Unleashed

Sorting Items in a ListView Control

You can sort the items displayed with a ListView control by sorting the items in the ListView control’s data source. For example, you might want to sort a list of products in order of the product name or price (see Figure 8.11).

FIGURE 8.11 Sorting ListView items

The WinJS.Binding.List object supports the createSorted() method. This method accepts a sort function that returns a new WinJS.Binding.List sorted according to the function.

For example, the following code sorts a list of products in order of the product name:

Click here to view code image

// Create a List of productsvar listProducts = new WinJS.Binding.List([ ...