Sencha Touch Cookbook

Working with search

In this and the subsequent recipes of the chapter, we will go over each of the form fields and understand how to work with them. This recipe describes the steps required to create and use a search form 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.

How to do it...

Carry out the following steps:

1. Copy ch02_01.js to ch02_02.js.
2. Open a new file named ch02_02.js and replace the definition of formBase with the following code:

   var formBase = {
     items: [{
       xtype: 'searchfield',
       name: 'search',
       label: 'Search'
     }]
   };

3. Include ch02_02.js in place of ch02_01.js in index.html.
4. Deploy and ...