List of Listings

Chapter 2. Using Sencha Touch for the first time

Listing 2.1. The HTML body for your helloworld.html file

Listing 2.2. Using Sencha Touch for the first time

Listing 2.3. The PersonModel extension

Listing 2.4. The PersonStore extension

Listing 2.5. The PersonList class

Listing 2.6. The PersonDetail class

Listing 2.7. The MainContainer class layout

Listing 2.8. The contents of app.html

Chapter 4. Mastering the building blocks

Listing 4.1. Building your first container

Listing 4.2. Moving items between containers

Listing 4.3. The default layout

Listing 4.4. The fit layout

Listing 4.5. The card layout

Listing 4.6. The HBox layout

Listing 4.7. Nested layouts

Listing 4.8. Creating a draggable and floating panel

Listing 4.9. Creating a simple TabPanel

Listing 4.10. Showing a bottom-docked TabBar for a TabPanel

Chapter 5. Toolbars, buttons, and docked items

Listing 5.1. Placing containers at each of the outer panel quadrants

Listing 5.2. Adding and removing dockedItems

Listing 5.3. Constructing a simple toolbar

Listing 5.4. Adding buttons to your simple toolbar

Listing 5.5. Centering with two spacer components

Listing 5.6. Adding a text input field to a toolbar

Listing 5.7. Customizing buttons

Chapter 6. Getting the user’s attention

Listing 6.1. Using a sheet as an overlay

Listing 6.2. A simple ActionSheet

Listing 6.3. A basic picker

Chapter 7. Data stores and views

Listing 7.1. Basic local store example

Listing 7.2. Basic remote store example

Listing 7.3. XTemplate example