Book Image

Sencha Touch Cookbook

By : Ajit Kumar
Book Image

Sencha Touch Cookbook

By: Ajit Kumar

Overview of this book

Sencha touch is a versatile HTML5-based framework for developing mobile web apps that look and feel native on touch screen devices, and with it you can write your code once and deploy it to both iOS and Android saving you both time and money. The Sencha touch cookbook has a comprehensive selection of recipes covering everything from installation right through to HTML5 geo location. The Sencha Touch Cookbook really is your one stop resource for cross platform HTML5 application development. It covers the basics such as setting up an iOS and Android development environment right through to much more complex development issues such as touch gestures, animation, rich media and geo location. Every recipe is practically focused. Maximum action. Minimum theory.
Table of Contents (17 chapters)
Sencha Touch Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Basic HTML templating using Template


Template provides a way to create templates using the HTML fragments. It contains HTML elements and various placeholders which are replaced with the values of the fields present in the data that is given to the template API to use in conjunction with the template text. For example, we may have a <div> element present in the body and, based on the data, we may add <ul> and <li> elements to it at runtime.

In this recipe, we will look at a typical usage of template and understand what it takes to define and use one.

Getting ready

Make sure that you have set up your development environment by following the Gear up for the Journey recipe outlined in Chapter 1.

Create a new folder named ch04 in the same folder where we created the ch01 and ch02 folders. We will be using this new folder in which to keep the code.

How to do it...

Carry out the following steps:

  1. Create and open a new file named ch04_01.js and paste the following code into it:

    Ext.setup...