Sencha Touch Cookbook

Chapter 4. Building Custom Views

In this chapter, we will cover:

• Basic HTML templating using Template
• Using XTemplate for advanced templating
• Conditional view rendering using XTemplate
• Designing a custom view using DataView
• Showing the filtered data
• Responding to the user action

Introduction

In Chapters 2 and 3, we saw how to make use of different form fields, containers, and layouts to create a view of our choice. The out-of-the-box layouts provided by Sencha Touch have a pre-defined way to position the components and calculate their sizes. Often, there may be situations in the application where the view cannot be created, directly using the available containers, components, and layouts. For example, if we wanted to create a photo album where the view ...