A demonstration of how the list view works in Sencha Touch 2.
JavaScript Ruby
Pull request Compare This branch is 4 commits ahead, 3 commits behind nelstrom:master.
Latest commit e79183b Mar 15, 2012 @nelstrom nelstrom Link to the video.
Failed to load latest commit information.
app Set title of detail panel: First M. Last Feb 22, 2012
styles
touch Strip down to a blank slate. Feb 18, 2012
.gitignore
README.md Link to the video. Mar 15, 2012
app.css
app.js
favicon.ico Add a Sencha favicon. Dec 27, 2011
hosted.html
index.html

README.md

Check out the live demo!

The tutorial includes several checkpoints:

Using this repository to follow the screencast

First, you'll have to clone this repository:

git clone git://github.com/senchalearn/Presidents.git

Change into the directory:

cd Presidents

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_navigation_view origin/04_add_navigation_view
git checkout -b 05_personalize_detail_panel origin/05_personalize_detail_panel