Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Sencha Touch Cookbook
  • Table Of Contents Toc
Sencha Touch Cookbook

Sencha Touch Cookbook

By : Ajit Kumar
3.9 (8)
Buy this Book
close
close
Sencha Touch Cookbook

Sencha Touch Cookbook

3.9 (8)
By: Ajit Kumar
Buy this Book

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)
close
close
close
Sencha Touch Cookbook
Icon
Sencha Touch Cookbook
Credits
Icon
Credits
About the Author
Icon
About the Author
About the Reviewers
Icon
About the Reviewers
www.PacktPub.com
Icon
www.PacktPub.com
Preface
Icon
Preface
Lock Free Chapter
1
Gear up for the Journey
Icon
Gear up for the Journey
Icon
Introduction
Icon
Setting up the Android-based development environment
Icon
Setting up the iOS-based development environment
Icon
Setting up the Blackberry-based development environment
Icon
Setting up the browser-based development environment
Icon
Setting up the production environment
Icon
Detecting the device
Icon
Finding information about features that are supported in the current environment
Icon
Initializing your application
Icon
Tweaking your application to configure itself using profiles
Icon
Responding to the orientation change
2
Catering to your Form Related Needs
Icon
Catering to your Form Related Needs
Icon
Introduction
Icon
Getting your form ready with FormPanel
Icon
Working with search
Icon
Putting custom validation in the e-mail field
Icon
Working with dates using DatePicker
Icon
Making a field hidden
Icon
Working with the select field
Icon
Changing the value using Slider
Icon
Spinning the number wheel using Spinner
Icon
Toggling between your two choices
Icon
Checkbox and Checkbox group
Icon
Text and TextArea
Icon
Grouping fields with FieldSet
Icon
Validating your form
3
Containers and Layouts
Icon
Containers and Layouts
Icon
Introduction
Icon
Keeping the container lightweight
Icon
Working with Panel
Icon
Adding items to a container at runtime
Icon
Building wizards using CardLayout
Icon
Panel docking using DockLayout
Icon
Fitting into the container using FitLayout
Icon
Arranging your items horizontally using HBoxLayout
Icon
Arranging your items vertically using VBoxLayout
Icon
Mixing layouts
4
Building Custom Views
chevron up
Icon
Building Custom Views
Icon
Introduction
Icon
Basic HTML templating using Template
Icon
Using XTemplate for advanced templating
Icon
Conditional view rendering using XTemplate
Icon
Designing a custom view using DataView
Icon
Showing the filtered data
Icon
Responding to the user action
5
Dealing with Data and Data Sources
Icon
Dealing with Data and Data Sources
Icon
Introduction
Icon
Creating models
Icon
Loading the form using a data model
Icon
Working with Store
Icon
Converting incoming JSON data into models using JsonReader
Icon
Converting incoming XML data into models using XmlReader
Icon
Validations in models
Icon
Defining the custom validation
Icon
Relating models using association
Icon
Persisting session-specific data using SessionStorageProxy
Icon
Persisting data using LocalStorageProxy
Icon
Accessing in-memory data using MemoryProxy
Icon
Loading data through AJAX using AjaxProxy
Icon
Sorting of the data
Icon
Data grouping
Icon
Filtering data
Icon
Using a cross-domain URL in your application
6
Adding the Components
Icon
Adding the Components
Icon
Introduction
Icon
Working with Button
Icon
Creating a sheet of buttons with ActionSheet
Icon
Carousel
Icon
Managing a list of data using List
Icon
Grouping items in a List
Icon
Navigating through a list of data using indexBar
Icon
Working with a list of nested data using NestedList
Icon
Picking your choice using Picker
Icon
Switching between multiple views using SegmentedButton
Icon
Working with Tab panels
Icon
Quicker access to application features using Toolbar
Icon
Creating a new component
Icon
Extending an existing component capability
Icon
Overriding a component behavior
Icon
Adding behavior to an existing component using plugins
7
Adding Audio/Visual Appeal
Icon
Adding Audio/Visual Appeal
Icon
Introduction
Icon
Animate me!
Icon
Ding-dong! You have a message!
Icon
Working with videos
Icon
Adding the chart support to your app
Icon
Working with an area chart
Icon
Generating a bar chart
Icon
Creating a column chart
Icon
Showing a group of bars and columns
Icon
Switching between stacked and grouped orientation
Icon
Highlighting and displaying an item detail
Icon
Creating a gauge chart
Icon
Creating a line chart
Icon
Creating a pie chart
Icon
Rotating the pies
Icon
Grouping the pies
Icon
Highlighting a pie
Icon
Using a radar chart
Icon
Using a scatter chart
8
Taking your Application Offline
Icon
Taking your Application Offline
Icon
Introduction
Icon
Detecting offline mode
Icon
Storing your data offline
Icon
Storing your images offline
Icon
Application caching
9
Engaging Users by Responding to Events
Icon
Engaging Users by Responding to Events
Icon
Introduction
Icon
Handling Touch Events
Icon
Handling Scroll Events
Icon
Handling Tap Events
Icon
Handling Double Tap Events
Icon
Handling TapHold Events
Icon
Handling Swipe Events
Icon
Handling Pinch Events
Icon
Handling Drag Events
10
Increased Relevance Using Geolocation
Icon
Increased Relevance Using Geolocation
Icon
Introduction
Icon
Finding out your location
Icon
Auto-update of your location
Icon
Tracking direction and speed
Icon
Hooking up Google Maps with your application
Icon
Working with Google Maps options
Icon
Mapping Geolocation on Google Maps
1
Index
Icon
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...
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Sencha Touch Cookbook
End of Section 4
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon