Toolbox

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'); "

The toolbox includes basic layout elements (columns, rows, and cells), and general and advanced controls that help in designing your user interface. It also includes form templates, if configured.

See Form templates.

When a form control and a form variable have the same name, the form control name takes precedence over the form variable name in the actions and at runtime.