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
Standard form container.

Although they are not listed, this class also accepts all the config options required to configure its internal Ext.form.BasicForm



By default, Ext Forms are submitted through Ajax, using Ext.form.Action. To enable normal browser submission of the Ext Form contained in this FormPanel, override the Form's onSubmit, and submit methods:

var myForm = new Ext.form.FormPanel({
        onSubmit: Ext.emptyFn,
        submit: function() {
            this.getEl().dom.submit();
        }
    });

Config Options

Config Options Defined By
  allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
  autoHeight : Boolean
True to use height:'auto', false to use fixed height (defaults to false).
BoxComponent
  autoWidth : Boolean
True to use width:'auto', false to use fixed width (defaults to false).
BoxComponent
  baseCls : String
The base CSS class to apply to this panel's element (defaults to 'x-panel').
Panel
  buttonAlign : String
Valid values are "left," "center" and "right" (defaults to "center")
FormPanel
  buttons : Array
An array of Ext.Button instances (or valid button configs) to add to the footer of this panel
Panel
  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
  contentEl : String
The id of an existing HTML node to use as the panel's body content (defaults to '').
Panel
  defaultType : String
The default type of container represented by this object as registered in Ext.ComponentMgr (defaults to 'panel').
Container
  disabledClass : String
CSS class added to the component when it is disabled (defaults to "x-item-disabled").
Component
  frame : Boolean
True to render the panel with custom rounded borders, false to render with plain 1px square borders (defaults to false).
Panel
  headerAsText : Boolean
True to display the panel title in the header, false to hide it (defaults to true).
Panel
  height : Number
The height of this component in pixels (defaults to auto).
BoxComponent
  hideCollapseTool : Boolean
True to hide the expand/collapse toggle button when collapsible = true, false to display it (defaults to false).
Panel
  iconCls : String
A CSS class that will provide a background image to be used as the panel header icon (defaults to '').
Panel
  id : String
The unique id of this component (defaults to an auto-assigned id).
Component
  itemCls : String
A css class to apply to the x-form-item of fields. This property cascades to child containers.
FormPanel
  labelAlign : String
Valid values are "left," "top" and "right" (defaults to "left"). This property cascades to child containers if not set.
FormPanel
  labelWidth : Number
The width of labels. This property cascades to child containers.
FormPanel
  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
  stateId : String
The unique id for this component to use for state management purposes (defaults to the component id).
Component
  width : Number
The width of this component in pixels (defaults to auto).
BoxComponent

Public Properties

Property Defined By
  disabled : Boolean
True if this component is disabled. Read-only.
Component
  footer : Ext.Element
The Panel's footer {@link Ext.Element Element}. Read-only.
Panel
  header : Ext.Element
The Panel's header {@link Ext.Element Element}. Read-only.
Panel
  hidden : Boolean
True if this component is hidden. 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

Method Defined By

Public Events

Event Defined By