Sencha Touch Cookbook

Getting your form ready with FormPanel

This recipe shows how to create a basic form using Sencha Touch and implement some of the behaviors such as submitting the form data, handling errors during the submission, and so on.

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:

1. Create a ch02 folder in the same folder where we had created the ch01 folder.
2. Create and open a new file named ch02_01.js and paste the following code into it:

   Ext.setup({ onReady: function() { var form; //form and related fields config var formBase = { //enable vertical scrolling in case the form exceeds the page height scroll: 'vertical', ...