| Package: | Ext.form |
| Class: | Layout |
| Extends: | Component |
| Subclasses: | Column, FieldSet |
| Defined In: | Layout.js |
| Property | Defined By | |
|---|---|---|
| disabled : Object | Component | |
| true if this component is disabled. Read-only. | ||
| disabledClass : Object | Component | |
| CSS class added to the component when it is disabled. | ||
| hidden : Object | Component | |
| true if this component is hidden. Read-only. | ||
| rendered : Object | Component | |
| true if this component has been rendered. Read-only. | ||
| Method | Defined By | |
|---|---|---|
Layout(Object config) |
Layout | |
addEvents(Object object) : void |
Observable | |
| Copies any events from the passed object onto this object if they do not already exist. The passed object must also ... | ||
addListener(String eventName, Function handler, [Object scope], [Object options]) : void |
Observable | |
| Appends an event handler to this component | ||
| disable() : void | Component | |
| Disable this component | ||
| enable() : void | Component | |
| Enable this component | ||
fireEvent(String eventName, Object... args) : Boolean |
Observable | |
| Fires the specified event with the passed parameters (minus the event name). | ||
focus(Boolean selectText) : void |
Component | |
| Try to focus this component | ||
| getEl() : Ext.Element | Component | |
| Returns the underlying Ext.Element | ||
| getId() : String | Component | |
| Returns the id of this component | ||
hasListener(String eventName) : Boolean |
Observable | |
| Checks to see if this object is currently listening for a specified event | ||
| hide() : void | Component | |
| Hide this component | ||
| isVisible() : void | Component | |
| Returns true if this component is visible | ||
on(String eventName, Function handler, [Object options]) : void |
Observable | |
| Appends an event handler to this element (shorthand for addListener) | ||
| purgeListeners() : void | Observable | |
| Removes all listeners for this object | ||
removeListener(String eventName, Function handler, [Object scope]) : void |
Observable | |
| Removes a listener | ||
render([String/HTMLElement/Element container]) : void |
Component | |
| If this is a lazy rendering component, render it to its container element | ||
setDisabled(Boolean disabled) : void |
Component | |
| Convenience function for setting disabled/enabled by boolean | ||
setVisible(Boolean visible) : void |
Component | |
| Convenience function to hide or show this component by boolean | ||
| show() : void | Component | |
| Show this component | ||
un(String eventName, Function handler, [Object scope]) : void |
Observable | |
| Removes a listener (shorthand for removeListener) | ||
| Event | Defined By | |
|---|---|---|
beforedestroy : (Ext.Component this) |
Component | |
| Fires before the component is destroyed | ||
beforehide : (Ext.Component this) |
Component | |
| Fires before the component is hidden | ||
beforerender : (Ext.Component this) |
Component | |
| Fires before the component is rendered | ||
beforeshow : (Ext.Component this) |
Component | |
| Fires before the component is shown | ||
destroy : (Ext.Component this) |
Component | |
| Fires after the component is destroyed | ||
disable : (Ext.Component this) |
Component | |
| Fires after the component is disabled | ||
enable : (Ext.Component this) |
Component | |
| Fires after the component is enabled | ||
hide : (Ext.Component this) |
Component | |
| Fires after the component is hidden | ||
render : (Ext.Component this) |
Component | |
| Fires after the component is rendered | ||
show : (Ext.Component this) |
Component | |
| Fires after the component is shown | ||
| Config Options | Defined By | |
|---|---|---|
| autoCreate : String/Object | Layout | |
| A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'}) | ||
| clear : Boolean | Layout | |
| True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true) | ||
| hideLabels : Boolean | Layout | |
| True to suppress the display of field labels in this layout (defaults to false) | ||
| labelAlign : String | Layout | |
| Valid values are "left," "top" and "right" (defaults to "left") | ||
| labelSeparator : String | Layout | |
| The separator to use after field labels (defaults to ':') | ||
| labelWidth : Number | Layout | |
| Fixed width in pixels of all field labels (defaults to undefined) | ||
| style : String/Object/Function | Layout | |
| A style specification string eg "width:100px", or object in the form {width:"100px"}, or a function which returns suc... | ||
public Object disabled
public Object disabledClass
public Object hidden
public Object rendered
public function Layout(Object config)
config : Objectpublic function addEvents(Object object)
object : Objectvoidpublic function addListener(String eventName, Function handler, [Object scope], [Object options])
eventName : Stringhandler : Functionscope : Objectoptions : Object Combining Options
Using the options argument, it is possible to combine different types of listeners:
A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)
el.on('click', this.onClick, this, { single: true, delay: 100, stopEvent : true, forumId: 4 }); The method also allows for a single argument to be passed which is a config object containing properties which specify multiple handlers.
Attaching multiple handlers in 1 call
Code:
el.on({ 'click' : { fn: this.onClick scope: this, delay: 100 }, 'mouseover' : { fn: this.onMouseOver scope: this }, 'mouseout' : { fn: this.onMouseOut scope: this } }); Or a shorthand syntax:
Code:
el.on({ 'click' : this.onClick, 'mouseover' : this.onMouseOver, 'mouseout' : this.onMouseOut scope: this });voidpublic function disable()
voidpublic function enable()
voidpublic function fireEvent(String eventName, Object... args)
eventName : Stringargs : Object...Booleanpublic function focus(Boolean selectText)
selectText : Booleanvoidpublic function getEl()
Ext.Elementpublic function getId()
Stringpublic function hasListener(String eventName)
eventName : StringBooleanpublic function hide()
voidpublic function isVisible()
voidpublic function on(String eventName, Function handler, [Object options])
eventName : Stringhandler : Functionoptions : Objectvoidpublic function purgeListeners()
voidpublic function removeListener(String eventName, Function handler, [Object scope])
eventName : Stringhandler : Functionscope : Objectvoidpublic function render([String/HTMLElement/Element container])
container : String/HTMLElement/Elementvoidpublic function setDisabled(Boolean disabled)
disabled : Booleanvoidpublic function setVisible(Boolean visible)
visible : Booleanvoidpublic function show()
voidpublic function un(String eventName, Function handler, [Object scope])
eventName : Stringhandler : Functionscope : Objectvoidpublic event beforedestroy
this : Ext.Componentpublic event beforehide
this : Ext.Componentpublic event beforerender
this : Ext.Componentpublic event beforeshow
this : Ext.Componentpublic event destroy
this : Ext.Componentpublic event disable
this : Ext.Componentpublic event enable
this : Ext.Componentpublic event hide
this : Ext.Componentpublic event render
this : Ext.Componentpublic event show
this : Ext.ComponentautoCreate : String/Object
clear : Boolean
hideLabels : Boolean
labelAlign : String
labelSeparator : String
labelWidth : Number
style : String/Object/Function