O'Reilly logo

Sencha Touch 2 Mobile JavaScript Framework by Bryan P. Johnson, John Earl Clark

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating lists

Sencha Touch offers few different kinds of list components. Each of these list components consists of three basic parts:

  • List panel: This is in charge of gathering the other items as part of its configuration options
  • XTemplate: This determines how each line in the list is displayed
  • Data store: This contains all of the data that will be used in the list

Note

It should also be noted that a store can (and typically will) have a model associated with it to define the data records for the store. However, it is also possible to simply define the fields as part of the store, which we will do in this example. We will cover models and stores later in the chapters related to data in this book.

In one of our first examples, we created a list object ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required