A form that supports an extended set of elements.
The component provides validation and the ability to save user input to the backend database. Check form documentation for more detailed description.
addView | add new view to layout-like component |
adjust | adjusts the component to the size of the parent HTML container |
attachEvent | attaches the handler to an inner event of the component (allows behaviour customizations) |
bind | binds components |
blockEvent | temporarily blocks triggering of ALL events of the calling object |
callEvent | calls an inner event |
clear | clears all the field in a specified form |
clearValidation | removes "data incorrect" highlighting from invalid text fields |
define | redefines a single configuration property (or a hash of properties) |
destructor | destructs the calling object |
detachEvent | detaches a handler from an event (which was attached before by the attachEvent method) |
disable | disables the calling view (makes it dimmed and unclickable) |
enable | enables the calling view that was disabled by the 'disable' method |
focus | sets focus into the necessary component |
getChildViews | returns child views of the calling component |
getCleanValues | returns hash of original form values |
getDirtyValues | returns hash of changed values |
getFormView | returns master form for the input |
getNode | returns the main HTML container for the calling object |
getParentView | returns the parent view of the component |
getScrollState | returns the scroll position |
getTopParentView | returns top parent view |
getValues | derives input values from the form |
hasEvent | checks whether the component has the specified event |
hide | hides the view |
index | returns the cell index in the layout collection |
isDirty | checks whether changes within form were made |
isEnabled | checks whether the view is enabled |
isVisible | checks whether the view is visible |
load | loads data from an external data source. |
mapEvent | routes events from one object to another |
parse | loads data to the component from an inline data source |
reconstruct | rebuilds the layout |
refresh | repaints the component |
removeView | removes view from layout-like component |
render | renders the specified item or the whole component |
resize | adjusts the view to a new size |
resizeChildren | resizes all children of the calling component |
scrollTo | scrolls the data container to a certain position |
setDirty | marks the form as the one with changed values and vice versa |
setValues | sets values into all the form inputs |
show | makes the component visible |
showBatch | makes visible those elements which parameter 'batch' is set to the specified name |
unbind | breaks "bind" link |
unblockEvent | cancels blocking events that was enabled by the 'blockEvent' command |
validate | checks data in the component during adding new item or editing existing ones |
onAfterLoad | fires after server side loading is complete |
onAfterValidation | fires after data has been validated |
onBeforeLoad | occurs immediately before data loading has been started |
onBeforeValidate | called before runing validation |
onBindRequest | fires when the component is ready to receive data from the master component |
onChange | fires when data in the input or related form/toolbar is changed |
onDestruct | occurs when component destroyed |
onLoadError | fires when an error occurs during data loading ( invalid server side response ) |
onSubmit | fires when enter key is pressed for a focused control in the form |
onValidationError | fires when the form fails to pass validation |
onValidationSuccess | fires after the form has passes validation successfully |
onValues | fires after values have been set within toolbar or form |
animate | defines or disables view change animation. |
autoheight | sets component height according to its contents |
borderless | used to hide the component borders |
cols | array of views objects arranged horizontally |
container | an html container (or its id) where the component needs initializing |
css | the name of a css class that will be applied to the view container |
data | JavaScript array containing data for the component |
dataFeed | the URL that the component will use to reload data during binding |
datatype | the type of loaded data |
disabled | indicates whether an item is enabled or not |
elements | collection of subviews |
elementsConfig | settings, which will be applied to all nested inputs |
gravity | sets the view gravity (1 by default) |
height | sets the height of the component |
hidden | defines whether the view will be hidden initially |
id | the component ID |
isolate | masks IDs of all inner element |
margin | defines the space around elements (applies the specified value to all elements) |
maxHeight | sets the maximum height for the view |
maxWidth | sets the maximum width for the view |
minHeight | sets the minimal height for the view |
minWidth | sets the minimal width for the view |
on | allows attaching custom handlers to inner events of the component |
padding | defines the space between the element borders and content (applies the specified value to all sides). |
paddingX | sets the right and left padding (applies the specified value to both sides) |
paddingY | sets the top and bottom padding (applies the specified value to both sides) |
responsive | enables responsive mode for horizontal layout |
rows | array of views objects arranged vertically |
rules | defines a set of rules for input field(s) of the form(htmlform) |
scroll | enables/disables the scroll bar |
scrollSpeed | the time during which the component is scrolled to the specified position (in milliseconds) |
type | defines the layout borders |
url | the URL the component will use to load data after its initialization |
visibleBatch | sets the batch that will be shown initially |
width | sets the width of the component |