Text fields are one of the initial fields which allow the user to enter data in a form. Text area allows entering multiple lines of text. In this recipe, we will make use of the text and text area related classes.
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.
Carry out the following steps:
Copy
ch02_01.js
toch02_10.js
.Open a new file named
ch02_10.js
and replace the definition offormBase
with the following code:var formBase = { items: [ { xtype: 'textfield', name : 'firstName', label: 'First Name' }, { xtype: 'textfield', name : 'lastName', label: 'Last Name' }, { xtype: 'textareafield', name : 'detail', label: 'Detail' } ] };
Include
ch02_10.js
in place ofch02_09.js
inindex.html
.Deploy and access the application...