Define the layout of a form, and add controls to it.

You can enter information into a form by typing into text boxes, selecting items from a list, selecting check box options and performing other actions. The objects with which users interact are called controls.

Some controls, such as buttons, allow you to execute an event that performs an action. For example, clicking a button at the bottom of a form can save the input information to a database.

In some controls (on all forms), the input element's name is not populated and using methods that rely on the underlying DOM may cause issues. In such cases, you must use Ext APIs, such as Ext.getCmp() to access the controls. For example:

var myCheckBox = Ext.getCmp('checkbox1'); "

Toolbox include basic layout elements: columns, rows and cells, and general and advanced controls that help in designing your user interface.

See also: