Sencha Touch Cookbook电子书

Sencha Touch Cookbook

Table of Contents

Sencha Touch Cookbook

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code for this book

Errata

Piracy

Questions

1. Gear up for the Journey

Introduction

Setting up the Android-based development environment

Getting ready

How to do it...

How it works...

Setting up the iOS-based development environment

Getting ready

How to do it...

How it works...

See also

Setting up the Blackberry-based development environment

Getting ready

How to do it...

How it works...

See also

Setting up the browser-based development environment

Getting ready

How to do it...

How it works...

See also

Setting up the production environment

Getting ready

How to do it...

How it works...

See also

Detecting the device

How to do it...

How it works...

See also

Finding information about features that are supported in the current environment

How to do it...

How it works...

See also

Initializing your application

How to do it...

How it works...

See also

Tweaking your application to configure itself using profiles

How to do it...

How it works...

There's more...

Do not apply the profile at the time of application launch

Do not apply the profile on the components, by default

Ignoring the profile change

Deferred application of profile

See also

Responding to the orientation change

How to do it...

How it works...

There's more...

Stopping the orientation change

See also

2. Catering to your Form Related Needs

Introduction

Getting your form ready with FormPanel

Getting ready

How to do it...

How it works...

There's more...

Standard submit

Do not submit on field action

Post-submission handling

See also

Working with search

Getting ready

How to do it...

How it works...

There's more...

Using a placeholder

See also

Putting custom validation in the e-mail field

Getting ready

How to do it...

How it works...

See also

Working with dates using DatePicker

Getting ready

How to do it...

How it works...

There's more...

Setting the default date to the current date

Setting the default date to a particular date

Changing the slot order

Setting the picker date range

See also

Making a field hidden

Getting ready

How to do it...

How it works...

There's more...

Showing/Hiding a field at runtime

See also

Working with the select field

Getting ready

How to do it...

How it works...

There's more...

Using the custom display value

See also

Changing the value using Slider

Getting ready

How to do it...

How it works...

See also

Spinning the number wheel using Spinner

Getting ready

How to do it...

How it works...

There's more...

Recycling the values

See also

Toggling between your two choices

Getting ready

How to do it...

How it works...

See also

Checkbox and Checkbox group

Getting ready

How to do it...

How it works...

See also

Text and TextArea

Getting ready

How to do it...

How it works...

There's more...

Limiting the number of input characters

See also

Grouping fields with FieldSet

Getting ready

How to do it...

How it works...

There's more...

Adding instructions

See also

Validating your form

Getting ready

How to do it...

How it works...

See also

3. Containers and Layouts

Introduction

Keeping the container lightweight

Getting ready

How to do it...

How it works...

There's more...

Using layout

See also

Working with Panel

Getting ready

How to do it...

How it works...

There's more...

Docking items

Using layouts

See also

Adding items to a container at runtime

Getting ready

How to do it...

How it works...

There's more...

Inserting at a specific position

Removing an item

Hiding/Showing

See also

Building wizards using CardLayout

Getting ready

How to do it...

How it works...

There's more...

Changing the default active item

See also

Panel docking using DockLayout

Getting ready

How to do it...

How it works...

See also

Fitting into the container using FitLayout

Getting ready

How to do it...

How it works...

See also

Arranging your items horizontally using HBoxLayout

Getting ready

How to do it...

How it works...

There's more...

Component vertical alignment

Lay out items in reverse order

See also

Arranging your items vertically using VBoxLayout

Getting ready

How to do it...

How it works...

See also

Mixing layouts

Getting ready

How to do it...

How it works...

See also

4. Building Custom Views

Introduction

Basic HTML templating using Template

Getting ready

How to do it...

How it works...

There's more...

Compiling the template

Formatting values

See also

Using XTemplate for advanced templating

Getting ready

How to do it...

How it works...

There's more...

Compiling the template

Formatting values

See also

Conditional view rendering using XTemplate

Getting ready

How to do it...

How it works...

See also

Designing a custom view using DataView

Getting ready

How to do it...

How it works...

There's more...

Orientation change

See also

Showing the filtered data

Getting ready

How to do it...

How it works...

See also

Responding to the user action

Getting ready

How to do it...

How it works...

See also

5. Dealing with Data and Data Sources

Introduction

Creating models

Getting ready

How to do it...

How it works...

There's more...

Adding methods to a model

Extending a model

See also

Loading the form using a data model

Getting ready

How to do it...

How it works...

There's more...

Saving form data using the associated model

See also

Working with Store

Getting ready

How to do it...

How it works...

There's more...

Adding records to a store at runtime

See also

Converting incoming JSON data into models using JsonReader

Getting ready

How to do it...

How it works...

There's more...

Fetching a record from a nested data

Working with response metadata

See also

Converting incoming XML data into models using XmlReader

Getting ready

How to do it...

How it works...

See also

Validations in models

Getting ready

How to do it...

How it works...

There's more...

Inclusion

Exclusion

Format

Changing the default message

See also

Defining the custom validation

Getting ready

How to do it...

How it works...

See also

Relating models using association

Getting ready

How to do it...

How it works...

There's more...

Many-to-one association

See also

Persisting session-specific data using SessionStorageProxy

Getting ready

How to do it...

How it works...

There's more...

Working through the store

See also

Persisting data using LocalStorageProxy

Getting ready

How to do it...

How it works...

See also

Accessing in-memory data using MemoryProxy

Getting ready

How to do it...

How it works...

See also

Loading data through AJAX using AjaxProxy

Getting ready

How to do it...

How it works...

See also

Sorting of the data

Getting ready

How to do it...

How it works...

There's more...

Sending the sorting information to the server

Customizing the sort information being sent to the server

See also

Data grouping

Getting ready

How to do it...

How it works...

See also

Filtering data

Getting ready

How to do it...

How it works...

See also

Using a cross-domain URL in your application

Getting ready

How to do it...

How it works...

See also

6. Adding the Components

Introduction

Working with Button

Getting ready

How to do it...

How it works...

There's more...

Using badge

Using icon

See also

Creating a sheet of buttons with ActionSheet

Getting ready

How to do it...

How it works...

There's more...

Change the position and animation

See also

Carousel

Getting ready

How to do it...

How it works...

There's more...

Changing the direction

See also

Managing a list of data using List

Getting ready

How to do it...

How it works...

There's more...

Sorting entries

See also

Grouping items in a List

Getting ready

How to do it...

How it works...

See also

Navigating through a list of data using indexBar

Getting ready

How to do it...

How it works...

See also

Working with a list of nested data using NestedList

Getting ready

How to do it...

How it works...

There's more...

Using a property other than text

Showing the Back button

No toolbar, please!

See also

Picking your choice using Picker

Getting ready

How to do it...

How it works...

There's more...

Changing the position and animation

Aligning the slot text

See also

Switching between multiple views using SegmentedButton

Getting ready

How to do it...

How it works...

There's more...

Multiple pressed buttons

See also

Working with Tab panels

Getting ready

How to do it...

How it works...

There's more...

Positioning the tab bar at the bottom

Card switch animation

See also

Quicker access to application features using Toolbar

Getting ready

How to do it...

How it works...

There's more...

Adding non-button components

See also

Creating a new component

Getting ready

How to do it...

How it works...

See also

Extending an existing component capability

Getting ready

How to do it...

How it works...

See also

Overriding a component behavior

Getting ready

How to do it...

How it works...

See also

Adding behavior to an existing component using plugins

Getting ready

How to do it...

How it works...

See also

7. Adding Audio/Visual Appeal

Introduction

Animate me!

Getting ready

How to do it...

How it works...

There's more...

Working with different animation durations

Direction of animation

Reversing the animation

Postponing animation

See also

Ding-dong! You have a message!

Getting ready

How to do it...

How it works...

See also

Working with videos

Getting ready

How to do it...

How it works...

See also

Adding the chart support to your app

Getting ready

How to do it...

How it works...

See also

Working with an area chart

Getting ready

How to do it...

How it works...

There's more...

Showing legend

Changing the legend text

See also

Generating a bar chart

Getting ready

How to do it...

How it works...

There's more...

Changing the spacing between the bars

See also

Creating a column chart

Getting ready

How to do it...

How it works...

See also

Showing a group of bars and columns

Getting ready

How to do it…

See also

Switching between stacked and grouped orientation

Getting ready

How to do it...

How it works...

There's more...

Changing gesture

Resetting the chart state

See also

Highlighting and displaying an item detail

Getting ready

How to do it...

How it works...

See also

Creating a gauge chart

Getting ready

How to do it...

How it works...

There's more...

Showing a needle

The donut effect

See also

Creating a line chart

Getting ready

How to do it...

How it works...

There's more...

Filling the area

Smooth curves

See also

Creating a pie chart

Getting ready

How to do it...

How it works...

There's more...

The donut effect

Pie length derived from the data

See also

Rotating the pies

Getting ready

How to do it...

How it works...

See also

Grouping the pies

Getting ready

How to do it...

How it works...

See also

Highlighting a pie

Getting ready

How it works...

See also

Using a radar chart

Getting ready

How to do it...

How it works...

There's more...

Using a different marker

See also

Using a scatter chart

Getting ready

How to do it...

How it works...

See also

8. Taking your Application Offline

Introduction

Detecting offline mode

Getting ready

How to do it...

How it works...

There's more...

Using aggressive timeout

See also

Storing your data offline

Getting ready

How to do it...

How it works...

See also

Storing your images offline

Getting ready

How to do it...

How it works...

See also

Application caching

Getting ready

How to do it...

How it works...

See also

9. Engaging Users by Responding to Events

Introduction

Handling Touch Events

Getting ready

How to do it...

Handling Scroll Events

Getting ready

How to do it...

Handling Tap Events

Getting ready

How to do it...

Handling Double Tap Events

Getting ready

How to do it...

Handling TapHold Events

Getting ready

How to do it...

Handling Swipe Events

Getting ready

How to do it...

Handling Pinch Events

Getting ready

How to do it...

Handling Drag Events

Getting ready

How to do it...

10. Increased Relevance Using Geolocation

Introduction

Finding out your location

Getting ready

How to do it...

How it works...

See also

Auto-update of your location

Getting ready

How to do it...

How it works...

See also

Tracking direction and speed

Getting ready

How to do it...

How it works...

See also

Hooking up Google Maps with your application

Getting ready

How to do it...

How it works...

See also

Working with Google Maps options

Getting ready

How to do it...

How it works...

See also

Mapping Geolocation on Google Maps

Getting ready

How to do it...

How it works...

See also

Index