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

Toggling between your two choices


This is a specialized slider with only two values. In this recipe, we will see how to make use of the toggle field.

Getting ready

Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.

Make sure that you have followed the Getting your form ready with FormPanel recipe. in this chapter

How to do it...

Carry out the following steps:

  1. Copy ch02_01.js to ch02_08.js.

  2. Open a new file named ch02_08.js and replace the definition of formBase with the following code:

    var formBase = {
      items: [{
        xtype: 'togglefield',
        name : 'toggle',
        label: 'Toggle'
      }]
    };
  3. Include ch02_08.js in place of ch02_07.js in index.html.

  4. Deploy and access the application in the browser.

How it works...

This creates a slider field with the minValue set to 0 and maxValue set to 1.

See also

  • The recipe named Setting up the Android-based development environment in Chapter 1

  • The recipe named Setting up the iOS-based development environment in Chapter...