|
| allowBlank : Boolean Specify false to validate that the value's length is > 0 (defaults to
true) | TextField |
| allowDomMove : Boolean Whether the component can move the Dom node when rendering (defaults to true). | Component |
| altFormats : StringMultiple date formats separated by "|" to try when parsing a user input value and it
does not match the defined forma... Multiple date formats separated by "|" to try when parsing a user input value and it
does not match the defined format (defaults to
-'m/d/Y|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d'). | DateField |
| anchor : StringNote: this config is only used when this Component is rendered
+'m/d/Y|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d|n-j|n/j'). | DateField |
| anchor : StringNote: this config is only used when this Component is rendered
by a Container which has been configured to use an Anc... Note: this config is only used when this Component is rendered
by a Container which has been configured to use an AnchorLayout (or subclass thereof).
based layout manager, for example:
@@ -25,102 +31,11 @@ element's parent node will automatically be used as the component's container.
| Component |
| autoCreate : String/ObjectA DomHelper element specification object, or true for the default element
specification object:autoCreate: {tag: "inp... | DateField |
| autoEl : MixedA tag name or DomHelper spec used to create the Element which will
-encapsulate this Component.
-You do not normally ne... A tag name or DomHelper spec used to create the Element which will
-encapsulate this Component.
- You do not normally need to specify this. For the base classes Ext.Component, Ext.BoxComponent,
-and Ext.Container, this defaults to 'div'. The more complex Ext classes use a more complex
-DOM structure created by their own onRender methods.
- This is intended to allow the developer to create application-specific utility Components encapsulated by
-different DOM elements. Example usage: {
- xtype: 'box',
- autoEl: {
- tag: 'img',
- src: 'http://www.example.com/example.jpg'
- }
-}, {
- xtype: 'box',
- autoEl: {
- tag: 'blockquote',
- html: 'autoEl is cool!'
- }
-}, {
- xtype: 'container',
- autoEl: 'ul',
- cls: 'ux-unordered-list',
- items: {
- xtype: 'box',
- autoEl: 'li',
- html: 'First list item'
- }
-}
| Component |
| autoHeight : BooleanTrue to use height:'auto', false to use fixed height (or allow it to be managed by its parent
-Container's layout mana... True to use height:'auto', false to use fixed height (or allow it to be managed by its parent
-Container's layout manager. Defaults to false.
- Note: Although many components inherit this config option, not all will
-function as expected with a height of 'auto'. Setting autoHeight:true means that the
-browser will manage height based on the element's contents, and that Ext will not manage it at all.
- If the browser is managing the height, be aware that resizes performed by the browser in response
-to changes within the structure of the Component cannot be detected. Therefore changes to the height might
-result in elements needing to be synchronized with the new height. Example: var w = new Ext.Window({
- title: 'Window',
- width: 600,
- autoHeight: true,
- items: {
- title: 'Collapse Me',
- height: 400,
- collapsible: true,
- border: false,
- listeners: {
- beforecollapse: function() {
- w.el.shadow.hide();
- },
- beforeexpand: function() {
- w.el.shadow.hide();
- },
- collapse: function() {
- w.syncShadow();
- },
- expand: function() {
- w.syncShadow();
- }
- }
- }
-}).show();
| BoxComponent |
| autoScroll : Booleantrue to use overflow:'auto' on the components layout element and show scroll bars automatically when
+specification object: autoCreate: {tag: "input", type: "text", size: "10", autocomplete: "off"}
| DateField |
| autoScroll : Booleantrue to use overflow:'auto' on the components layout element and show scroll bars automatically when
necessary, false... true to use overflow:'auto' on the components layout element and show scroll bars automatically when
necessary, false to clip any overflowing content (defaults to false ).
| BoxComponent |
| autoShow : BooleanTrue if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove
them on render... True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove
-them on render (defaults to false). | Component |
| autoWidth : BooleanTrue to use width:'auto', false to use fixed width (or allow it to be managed by its parent
-Container's layout manage... True to use width:'auto', false to use fixed width (or allow it to be managed by its parent
-Container's layout manager. Defaults to false.
- Note: Although many components inherit this config option, not all will
-function as expected with a width of 'auto'. Setting autoWidth:true means that the
-browser will manage width based on the element's contents, and that Ext will not manage it at all.
- If the browser is managing the width, be aware that resizes performed by the browser in response
-to changes within the structure of the Component cannot be detected. Therefore changes to the width might
-result in elements needing to be synchronized with the new width. For example, where the target element is: <div id='grid-container' style='margin-left:25%;width:50%'></div>
-A Panel rendered into that target element must listen for browser window resize in order to relay its
-child items when the browser changes its width: var myPanel = new Ext.Panel({
- renderTo: 'grid-container',
- monitorResize: true, // relay on browser resize
- title: 'Panel',
- height: 400,
- autoWidth: true,
- layout: 'hbox',
- layoutConfig: {
- align: 'stretch'
- },
- defaults: {
- flex: 1
- },
- items: [{
- title: 'Box 1',
- }, {
- title: 'Box 2'
- }, {
- title: 'Box 3'
- }],
-});
| BoxComponent |
| blankText : StringThe error text to display if the allowBlank validation
+them on render (defaults to false). | Component |
| blankText : StringThe error text to display if the allowBlank validation
fails (defaults to 'This field is required') | TextField |
| boxMaxHeight : NumberThe maximum value in pixels which this BoxComponent will set its height to.
Warning: This will override any size mana... The maximum value in pixels which this BoxComponent will set its height to.
Warning: This will override any size management applied by layout managers. | BoxComponent |
| boxMaxWidth : NumberThe maximum value in pixels which this BoxComponent will set its width to.
@@ -552,7 +467,7 @@ to render and manage its child items.
See render also. | Component |
| selectOnFocus : Boolean true to automatically select any existing field text when the field
receives input focus (defaults to false) | TextField |
| showToday : Booleanfalse to hide the footer area of the DatePicker containing the Today button and disable
the keyboard handler for spac... false to hide the footer area of the DatePicker containing the Today button and disable
-the keyboard handler for spacebar that selects the current date (defaults to true). | DateField |
| stateEvents : ArrayAn array of events that, when fired, should trigger this component to
+the keyboard handler for spacebar that selects the current date (defaults to true). | DateField |
| startDay : Number Day index at which the week should begin, 0-based (defaults to 0, which is Sunday) | DateField |
| stateEvents : ArrayAn array of events that, when fired, should trigger this component to
save its state (defaults to none). stateEvents ... An array of events that, when fired, should trigger this component to
save its state (defaults to none). stateEvents may be any type
of event supported by this component, including browser or custom events
@@ -774,7 +689,12 @@ Or a shorthand syntax:
scope: this
}); Returns: | Observable |
| applyToMarkup( String/HTMLElement el )
:
- voidApply this component to existing markup that is valid. With this function, no call to render() is required. Apply this component to existing markup that is valid. With this function, no call to render() is required. | Component |
| clearInvalid()
+ voidApply this component to existing markup that is valid. With this function, no call to render() is required. Apply this component to existing markup that is valid. With this function, no call to render() is required. | Component |
| bubble( Function fn , [Object scope ], [Array args ] )
+ :
+ Ext.ComponentBubbles up the component/container heirarchy, calling the specified function with each component. The scope (this) of... Bubbles up the component/container heirarchy, calling the specified function with each component. The scope ( this) of
+function call will be the scope provided or the current component. The arguments to the function
+will be the args provided or the current component. If the function returns false at any point,
+the bubble is stopped. | Component |
| clearInvalid()
:
voidClear any invalid styles/messages for this field Clear any invalid styles/messages for this field | Field |
| cloneConfig( Object overrides )
:
@@ -827,9 +747,11 @@ access the required target more quickly.
:
Ext.ContainerFind a container above this component at any level by a custom function. If the passed function returns
true, the con... Find a container above this component at any level by a custom function. If the passed function returns
-true, the container will be returned. | Component |
| findParentByType( String/Class xtype )
+true, the container will be returned. | Component |
| findParentByType( String/Ext.Component/Class xtype , [Boolean shallow ] )
:
- Ext.ContainerFind a container above this component at any level by xtype or class Find a container above this component at any level by xtype or class | Component |
| fireEvent( String eventName , Object... args )
+ Ext.ContainerFind a container above this component at any level by xtype or class Find a container above this component at any level by xtype or class Parameters:xtype : String/Ext.Component/ClassThe xtype to check for this Component. Note that the the component can either be an instance
+or a component class: shallow : Boolean(optional) False to check whether this Component is descended from the xtype (this is
+the default), or true to check whether this Component is directly of the specified xtype. Returns: | Component |
| fireEvent( String eventName , Object... args )
:
BooleanFires the specified event with the passed parameters (minus the event name).
An event may be set to bubble up an Obse... Fires the specified event with the passed parameters (minus the event name).
@@ -945,7 +867,7 @@ of the field. Note: disab... | Field |
| isVisible()
:
- BooleanReturns true if this component is visible. Returns true if this component is visible. | Component |
| isXType( String xtype , [Boolean shallow ] )
+ BooleanReturns true if this component is visible. Returns true if this component is visible. | Component |
| isXType( String/Ext.Component/Class xtype , [Boolean shallow ] )
:
BooleanTests whether or not this Component is of a specific xtype. This can test whether this Component is descended
from th... Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
@@ -957,7 +879,11 @@ to participate in determination of inherited xtypes.
var t = new Ext.form.TextField();
var isText = t.isXType('textfield'); // true
var isBoxSubclass = t.isXType('box'); // true, descended from BoxComponent
-var isBoxInstance = t.isXType('box', true); // false, not a direct BoxComponent instance
| Component |
| markInvalid( [String msg ] )
:
voidDisplay an error message associated with this field, using msgTarget to determine how to
@@ -1060,17 +986,19 @@ for details on supported values) used to disable a pattern of dates. <
void Replaces any existing disabled days (by index, 0-6) with new values and refreshes the DatePicker. Replaces any existing disabled days (by index, 0-6) with new values and refreshes the DatePicker. Parameters:disabledDays : ArrayAn array of disabled day indexes. See the disabledDays
config for details on supported values. Returns: | DateField |
| setEditable( Boolean value )
:
- voidParameters:value : BooleanTrue to allow the user to directly edit the field text
-Allow or prevent the user from directly editing the field text. If false is passed,
+ void Allow or prevent the user from directly editing the field text. If false is passed,
+the user will only be able to mo... Allow or prevent the user from directly editing the field text. If false is passed,
the user will only be able to modify the field using the trigger. Will also add
a click event to the text field which will call the trigger. This method
-is the runtime equivalent of setting the 'editable' config option at config time. Returns:
| TriggerField |
| setHeight( Mixed height )
+is the runtime equivalent of setting the editable config option at config time. | TriggerField |
| setHeight( Mixed height )
:
Ext.BoxComponentSets the height of the component. This method fires the resize event. Sets the height of the component. This method fires the resize event. Parameters:height : MixedThe new height to set. This may be one of:
- A Number specifying the new height in the Element's defaultUnits (by default, pixels).
- A String used to set the CSS height style.
- undefined to leave the height unchanged.
- Returns: | BoxComponent |
| setMaxValue( Date value )
+Returns: | BoxComponent |
| setHideTrigger( Boolean hideTrigger )
+ :
+ voidChanges the hidden status of the trigger. Changes the hidden status of the trigger. | TriggerField |
| setMaxValue( Date value )
:
voidReplaces any existing maxValue with the new value and refreshes the DatePicker. Replaces any existing maxValue with the new value and refreshes the DatePicker. | DateField |
| setMinValue( Date value )
:
@@ -1086,11 +1014,11 @@ This method fires the Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue. Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue. Parameters:value : MixedThe value to set Returns: | Field |
| setReadOnly( Boolean value )
:
- void | TriggerField |
| setSize( Mixed width , Mixed height )
+ voidSetting this to true will supersede settings editable and hideTrigger.
+Setting this to false will defer back to edita... Setting this to true will supersede settings editable and hideTrigger.
+Setting this to false will defer back to editable and hideTrigger. This method
+is the runtime equivalent of setting the readOnly config option at config time. | TriggerField |
| setSize( Mixed width , Mixed height )
:
Ext.BoxComponentSets the width and height of this BoxComponent. This method fires the resize event. This method can accept
either wid... Sets the width and height of this BoxComponent. This method fires the resize event. This method can accept
|