O'Reilly logo

Sencha Touch Cookbook - Second Edition by Ajit Kumar

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Getting your form ready with form panels

This recipe shows how to create a basic form using Sencha Touch and implement some of the behaviors such as how to submit the form data and how to handle the errors during the submission.

Getting ready

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

How to do it...

Carry out the following steps to create a form panel:

  1. Create a ch02 folder in the same folder where we had created the ch01 folder.
  2. Create and open a new file ch02_01.js and paste the following code into it:
    Ext.application({ name: 'MyApp', requires: ['Ext.MessageBox'], launch: function() { var form; //form and related fields config var formBase = { //enable vertical ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required