Sencha Touch provides a list component which is ideal for presenting an index-style list of items. In this tutorial, Drew Neil (@nelstrom) walks through setting up a basic list, and shows how to add an index bar, and group items together under a marker. Also, you'll learn how to create a detail panel to reveal information about each item in the list.

This tutorial features the new NavigationView and MVC Support built into Sencha Touch 2.

View source code on GitHub:

Live demo:

Sencha Touch is a JavaScript framework used to build apps for iPhone/iPad, Android, BlackBerry, and other WebKit devices. Learn more about Sencha Touch at

Loading more stuff…

Hmm…it looks like things are taking a while to load. Try again?

Loading videos…