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.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1, Gear up for the Journey.
Carry out the following steps:
Create a
ch02
folder in the same folder where we had created thech01
folder.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', url: 'http://localhost/test.php', items: [{//add a fieldset xtype: 'fieldset', title: 'Personal Info', instructions: 'Please enter the information above.', //apply the common settings...