Properties Methods Events Config Options Direct Link
Observable
  Component
    BoxComponent
      Container
        Panel
          FormPanel

Class Ext.form.FormPanel

Package:Ext.form
Defined In:Form.js
Class:FormPanel
Extends:Panel
xtype:form

Standard form container.

Layout

By default, FormPanel is configured with layout:'form' to use an Ext.layout.FormLayout layout manager, which styles and renders fields and labels correctly. When nesting additional Containers within a FormPanel, you should ensure that any descendant Containers which host input Fields use the Ext.layout.FormLayout layout manager.

BasicForm

Although not listed as configuration options of FormPanel, the FormPanel class accepts all of the config options required to configure its internal Ext.form.BasicForm for:

Note: If subclassing FormPanel, any configuration options for the BasicForm must be applied to the initialConfig property of the FormPanel. Applying BasicForm configuration settings to this will not affect the BasicForm's configuration.

Form Validation

For information on form validation see the following:

Form Submission

By default, Ext Forms are submitted through Ajax, using Ext.form.Action. To enable normal browser submission of the BasicForm contained in this FormPanel, see the standardSubmit option.

Config Options

Config OptionsDefined By
 allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
 collapsed : Boolean
true to render the panel collapsed, false to render it expanded (defaults to false).
Panel
 collapsedCls : String
A CSS class to add to the panel's element after it has been collapsed (defaults to 'x-panel-collapsed').
Panel
 disabledClass : String
CSS class added to the component when it is disabled (defaults to 'x-item-disabled').
Component
 formId : String
The id of the FORM tag (defaults to an auto-generated id).
FormPanel
 headerAsText : Boolean
true to display the panel title in the header, false to hide it (defaults to true).
Panel
 hidden : Boolean
Render this component hidden (default is false). If true, the hide method will be called internally.
Component
 hideCollapseTool : Boolean
true to hide the expand/collapse toggle button when collapsible == true, false to display it (defaults to false).
Panel
 hideLabels : Boolean

true to hide field labels by default (sets display:none). Defaults to false.

Also see Ext.Component.hideLabel.

FormPanel
 itemCls : String
A css class to apply to the x-form-item of fields. This property cascades to child containers.
FormPanel
 labelSeparator : StringFormPanel
 layoutConfig : Object
This is a config object containing properties specific to the chosen layout if layout has been specified as a string.

Container
 minButtonWidth : Number
Minimum width of all buttons in pixels (defaults to 75).
FormPanel
 monitorPoll : Number
The milliseconds to poll valid state, ignored if monitorValid is not true (defaults to 200)
FormPanel
 pageX : Number
The page level x coordinate for this component if contained within a positioning container.
BoxComponent
 pageY : Number
The page level y coordinate for this component if contained within a positioning container.
BoxComponent
 x : Number
The local x (left) coordinate for this component if contained within a positioning container.
BoxComponent
 y : Number
The local y (top) coordinate for this component if contained within a positioning container.
BoxComponent

Public Properties

PropertyDefined By
 buttons : Array
This Panel's Array of buttons as created from the buttons config property. Read only.
Panel
 bwrap : Ext.Element
The Panel's bwrap Element used to contain other Panel elements (tbar, body, bbar, footer). See bodyCfg. Read-only.
Panel
 collapsed : Boolean
True if this panel is collapsed. Read-only.
Panel
 disabled : Boolean
True if this component is disabled. Read-only.
Component
 hidden : Boolean
True if this component is hidden. Read-only.
Component
 initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
 items : MixedCollection
The collection of components in this container as a Ext.util.MixedCollection
Container
 rendered : Boolean
True if this component has been rendered. Read-only.
Component

Public Methods

MethodDefined By

Public Events

EventDefined By