A demonstration of how the list view works in Sencha Touch
Clone or download
Pull request Compare This branch is even with nelstrom:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


This Git repository includes all of the source code used in creating a tutorial about lists in Sencha Touch.

The tutorial includes several checkpoints:

A vanilla list

A vanilla list

A list with items grouped

A list of contacts, grouped by last name

## A list with an index bar ##

A grouped list with index bar

A list with disclosure buttons

A grouped list with disclosure buttons

A detail panel

A detail panel with a back button

Using this repository to follow the screencast

First, you'll have to clone this repository:

git clone git://github.com/nelstrom/Sencha-Touch-list-view-demo.git

Change into the directory:

cd Sencha-Touch-list-view-demo

By default, the git clone command will only create the master branch locally. If you want to study the code at each checkpoint, you will have to fetch each of the other branches. You can do so by running the following:

git checkout -b 00_blank_slate origin/00_blank_slate
git checkout -b 01_basic_setup origin/01_basic_setup
git checkout -b 02_grouped_list origin/02_grouped_list
git checkout -b 03_list_with_index origin/03_list_with_index
git checkout -b 04_add_generic_panel origin/04_add_generic_panel
git checkout -b 05_add_detail_panel origin/05_add_detail_panel
git checkout -b 06_add_back_button origin/06_add_back_button
git checkout -b 07_add_title_to_detail_panel origin/07_add_title_to_detail_panel
git checkout -b 08_add_title_to_list_panel origin/08_add_title_to_list_panel
git checkout -b 09_add_transitions origin/09_add_transitions