O'Reilly logo

Creating Mobile Apps with Sencha Touch 2 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

The views

For our application views, we will need a list and edit views for our books. When the user clicks on a book, they will get the list of notes. We will also need a form for editing notes and a details view for the notes.

Let's start with the book views.

Creating the book views

The first book view is our list of books. Rather than going with the simple list, we will use a DataView and icons to give our list a bit more visual appeal:

Creating the book views

This layout will be created using the xTemplate (tpl) and CSS styles:

Ext.define('Workbook.view.bookList', { extend: 'Ext.dataview.DataView', alias: 'widget.booklist', config: { title: 'Workbooks', styleHtmlContent: ...

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