Sencha Touch Cookbook

Making a field hidden

Often in an application, there would be a need to hide fields which are not needed in a particular context but are required and hence need to be shown in another. In this recipe, we will see how to make a field hidden and show it, conditionally.

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. Edit ch02_04.js and modify the code as follows by adding the hidden property:

   var formBase = {
     items: [{
       xtype: 'datepickerfield',
       id: 'datefield-id',
       name: 'date',
       hidden: true,
       label: 'Date'}]
   };

2. Deploy and access the application ...