X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/docs/output/Ext.layout.component.field.Field.js diff --git a/docs/output/Ext.layout.component.field.Field.js b/docs/output/Ext.layout.component.field.Field.js new file mode 100644 index 00000000..d0bfad77 --- /dev/null +++ b/docs/output/Ext.layout.component.field.Field.js @@ -0,0 +1 @@ +Ext.data.JsonP.Ext_layout_component_field_Field({"tagname":"class","html":"
Hierarchy
Ext.Base
Ext.layout.Layout
Ext.layout.component.Component
Ext.layout.component.field.Field
Uses
Ext.tip.QuickTip
Ext.util.TextMetrics
Files
Field.js

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

Layout class for components with field labeling, handling the sizing and alignment of\nthe form control, label, and error message treatment.

\n
Defined By

Properties

 
Ext.layout.component.field.Field
view source
elementId : Object

Error message displayed as content of an element with a given id elsewhere in the app

\n

Error message displayed as content of an element with a given id elsewhere in the app

\n
Ext.layout.component.field.Field
view source
: Object
Collection of named strategies for laying out and adjusting insets to accommodate error messages. ...

Collection of named strategies for laying out and adjusting insets to accommodate error messages.\nAn appropriate one will be chosen based on the owner field's Ext.form.Labelable.msgTarget config.

\n
Ext.layout.component.field.Field
view source
: Object
Collection of named strategies for laying out and adjusting labels to accommodate error messages. ...

Collection of named strategies for laying out and adjusting labels to accommodate error messages.\nAn appropriate one will be chosen based on the owner field's Ext.form.Labelable.labelAlign config.

\n
 
Ext.layout.component.field.Field
view source
left : Object

Label displayed to the left of the bodyEl

\n

Label displayed to the left of the bodyEl

\n
 
Ext.layout.component.field.Field
view source
qtip : Object

Error displayed as QuickTip on hover of the field container

\n

Error displayed as QuickTip on hover of the field container

\n
 
Ext.layout.component.field.Field
view source
right : Object

Same as left, only difference is text-align in CSS

\n

Same as left, only difference is text-align in CSS

\n
Ext.Base
view source
: Ext.Classprotected
Get the reference to the current class from which this object was instantiated. ...

Get the reference to the current class from which this object was instantiated. Unlike statics,\nthis.self is scope-dependent and it's meant to be used for dynamic inheritance. See statics\nfor a detailed comparison

\n\n
Ext.define('My.Cat', {\n    statics: {\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        alert(this.self.speciesName); / dependent on 'this'\n\n        return this;\n    },\n\n    clone: function() {\n        return new this.self();\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n    statics: {\n        speciesName: 'Snow Leopard'         // My.SnowLeopard.speciesName = 'Snow Leopard'\n    }\n});\n\nvar cat = new My.Cat();                     // alerts 'Cat'\nvar snowLeopard = new My.SnowLeopard();     // alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));             // alerts 'My.SnowLeopard'\n
\n
 
Ext.layout.component.field.Field
view source
side : Object

Error displayed as icon (with QuickTip on hover) to right of the bodyEl

\n

Error displayed as icon (with QuickTip on hover) to right of the bodyEl

\n
Ext.layout.component.field.Field
view source
: Object
Size the contents of the field body, given the full dimensions of the bodyEl. ...

Size the contents of the field body, given the full dimensions of the bodyEl. Does nothing by\ndefault, subclasses can override to handle their specific contents.

\n
 
Ext.layout.component.field.Field
view source
title : Object

Error displayed as title tip on hover of the field container

\n

Error displayed as title tip on hover of the field container

\n
 
Ext.layout.component.field.Field
view source
top : Object

Label displayed above the bodyEl

\n

Label displayed above the bodyEl

\n
 
Ext.layout.component.field.Field
view source
under : Object

Error message displayed underneath the bodyEl

\n

Error message displayed underneath the bodyEl

\n

Methods

Defined By

Instance Methods

Ext.Base
view source
( Array/Arguments args ) : Objectprotected
Call the original method that was previously overridden with override\n\nExt.define('My.Cat', {\n constructor: functi...

Call the original method that was previously overridden with override

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n\n        return this;\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        var instance = this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n\n        return instance;\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object

    \n

Returns

  • Object

    Returns the result after calling the overridden method

    \n
Ext.Base
view source
( Array/Arguments args ) : Objectprotected
Call the parent's overridden method. ...

Call the parent's overridden method. For example:

\n\n
Ext.define('My.own.A', {\n    constructor: function(test) {\n        alert(test);\n    }\n});\n\nExt.define('My.own.B', {\n    extend: 'My.own.A',\n\n    constructor: function(test) {\n        alert(test);\n\n        this.callParent([test + 1]);\n    }\n});\n\nExt.define('My.own.C', {\n    extend: 'My.own.B',\n\n    constructor: function() {\n        alert(\"Going to call parent's overriden constructor...\");\n\n        this.callParent(arguments);\n    }\n});\n\nvar a = new My.own.A(1); // alerts '1'\nvar b = new My.own.B(1); // alerts '1', then alerts '2'\nvar c = new My.own.C(2); // alerts \"Going to call parent's overriden constructor...\"\n                         // alerts '2', then alerts '3'\n
\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callParent(arguments)

    \n

Returns

  • Object

    Returns the result from the superclass' method

    \n
Ext.layout.Layout
view source
( )template
Destroys this layout. ...

Destroys this layout. This is a template method that is empty by default, but should be implemented\nby subclasses that require explicit destruction to purge event handlers or remove DOM nodes.

\n

This is a template method. A hook into the functionality of this class.Feel free to override it in child classes.

Ext.layout.component.field.Field
view source
( )
Destroy the error tip instance. ...

Destroy the error tip instance.

\n
Ext.layout.component.field.Field
view source
( )
Return the set of strategy functions from the errorStrategies collection\nthat is appropriate for the field's msgTarge...

Return the set of strategy functions from the errorStrategies collection\nthat is appropriate for the field's msgTarget config.

\n
Ext.layout.component.field.Field
view source
( )
Return the set of strategy functions from the labelStrategies collection\nthat is appropriate for the field's labelAli...

Return the set of strategy functions from the labelStrategies collection\nthat is appropriate for the field's labelAlign config.

\n
Ext.layout.component.Component
view source
( ) : Ext.Element
Returns the element into which rendering must take place. ...

Returns the element into which rendering must take place. Defaults to the owner Component's encapsulating element.

\n\n\n

May be overridden in Component layout managers which implement an inner element.

\n

Returns

Ext.layout.component.Component
view source
( ) : Ext.Element
Returns the owner component's resize element. ...

Returns the owner component's resize element.

\n

Returns

Ext.Base
view source
( Object config ) : Objectprotected
Initialize configuration for this class. ...

Initialize configuration for this class. a typical example:

\n\n
Ext.define('My.awesome.Class', {\n    // The default config\n    config: {\n        name: 'Awesome',\n        isAwesome: true\n    },\n\n    constructor: function(config) {\n        this.initConfig(config);\n\n        return this;\n    }\n});\n\nvar awesome = new My.awesome.Class({\n    name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\n

Parameters

Returns

  • Object

    mixins The mixin prototypes as key - value pairs

    \n
Ext.layout.component.field.Field
view source
( )
Use a custom QuickTip instance separate from the main QuickTips singleton, so that we\ncan give it a custom frame style. ...

Use a custom QuickTip instance separate from the main QuickTips singleton, so that we\ncan give it a custom frame style. Responds to errorqtip rather than the qtip property.

\n
Ext.layout.component.Component
view source
( Number width, Number height )
Check if the new size is different from the current size and only\ntrigger a layout if it is necessary. ...

Check if the new size is different from the current size and only\ntrigger a layout if it is necessary.

\n

Parameters

  • width : Number

    The new width to set.

    \n
  • height : Number

    The new height to set.

    \n
Ext.layout.component.Component
view source
( Number width, Number height )
Set the size of any element supporting undefined, null, and values. ...

Set the size of any element supporting undefined, null, and values.

\n

Parameters

  • width : Number

    The new width to set.

    \n
  • height : Number

    The new height to set.

    \n
Ext.layout.component.Component
view source
( Number width, Number height )
Set the size of the target element. ...

Set the size of the target element.

\n

Parameters

  • width : Number

    The new width to set.

    \n
  • height : Number

    The new height to set.

    \n
Ext.layout.component.field.Field
view source
( Object info )
Perform sizing and alignment of the bodyEl (and children) to match the calculated insets. ...

Perform sizing and alignment of the bodyEl (and children) to match the calculated insets.

\n

Parameters

Ext.Base
view source
( ) : Ext.Classprotected
Get the reference to the class from which this object was instantiated. ...

Get the reference to the class from which this object was instantiated. Note that unlike self,\nthis.statics() is scope-independent and it always returns the class from which it was called, regardless of what\nthis points to during run-time

\n\n
Ext.define('My.Cat', {\n    statics: {\n        totalCreated: 0,\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        var statics = this.statics();\n\n        alert(statics.speciesName);     // always equals to 'Cat' no matter what 'this' refers to\n                                        // equivalent to: My.Cat.speciesName\n\n        alert(this.self.speciesName);   // dependent on 'this'\n\n        statics.totalCreated++;\n\n        return this;\n    },\n\n    clone: function() {\n        var cloned = new this.self;                      // dependent on 'this'\n\n        cloned.groupName = this.statics().speciesName;   // equivalent to: My.Cat.speciesName\n\n        return cloned;\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n\n    statics: {\n        speciesName: 'Snow Leopard'     // My.SnowLeopard.speciesName = 'Snow Leopard'\n    },\n\n    constructor: function() {\n        this.callParent();\n    }\n});\n\nvar cat = new My.Cat();                 // alerts 'Cat', then alerts 'Cat'\n\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));         // alerts 'My.SnowLeopard'\nalert(clone.groupName);                 // alerts 'Cat'\n\nalert(My.Cat.totalCreated);             // alerts 3\n
\n

Returns

Defined By

Static Methods

Ext.Base
view source
( Object members ) : Ext.Basestatic
Add / override static properties of this class. ...

Add / override static properties of this class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.addStatics({\n    someProperty: 'someValue',      // My.cool.Class.someProperty = 'someValue'\n    method1: function() { ... },    // My.cool.Class.method1 = function() { ... };\n    method2: function() { ... }     // My.cool.Class.method2 = function() { ... };\n});\n
\n

Parameters

Returns

Ext.Base
view source
( Ext.Base fromClass, String/String[] members ) : Ext.Basestatic
Borrow another class' members to the prototype of this class. ...

Borrow another class' members to the prototype of this class.

\n\n
Ext.define('Bank', {\n    money: '$$$',\n    printMoney: function() {\n        alert('$$$$$$$');\n    }\n});\n\nExt.define('Thief', {\n    ...\n});\n\nThief.borrow(Bank, ['money', 'printMoney']);\n\nvar steve = new Thief();\n\nalert(steve.money); // alerts '$$$'\nsteve.printMoney(); // alerts '$$$$$$$'\n
\n

Parameters

  • fromClass : Ext.Base

    The class to borrow members from

    \n
  • members : String/String[]

    The names of the members to borrow

    \n

Returns

Ext.Base
view source
( ) : Objectstatic
Create a new instance of this Class. ...

Create a new instance of this Class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.create({\n    someConfig: true\n});\n
\n\n

All parameters are passed to the constructor of the class.

\n

Returns

Ext.Base
view source
( String/Object alias, String/Object origin )static
Create aliases for existing prototype methods. ...

Create aliases for existing prototype methods. Example:

\n\n
Ext.define('My.cool.Class', {\n    method1: function() { ... },\n    method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n    method3: 'method1',\n    method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\n
\n

Parameters

Ext.Base
view source
( ) : Stringstatic
Get the current class' name in string format. ...

Get the current class' name in string format.

\n\n
Ext.define('My.cool.Class', {\n    constructor: function() {\n        alert(this.self.getName()); // alerts 'My.cool.Class'\n    }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\n
\n

Returns

Ext.Base
view source
( Object members )static
Add methods / properties to the prototype of this class. ...

Add methods / properties to the prototype of this class.

\n\n
Ext.define('My.awesome.Cat', {\n    constructor: function() {\n        ...\n    }\n});\n\n My.awesome.Cat.implement({\n     meow: function() {\n        alert('Meowww...');\n     }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\n
\n

Parameters

Ext.Base
view source
( Object members ) : Ext.Basestatic
Override prototype members of this class. ...

Override prototype members of this class. Overridden methods can be invoked via\ncallOverridden

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n\n        return this;\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        var instance = this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n\n        return instance;\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n

Parameters

Returns

","allMixins":[],"meta":{},"requires":[],"deprecated":null,"extends":"Ext.layout.component.Component","inheritable":false,"static":false,"superclasses":["Ext.Base","Ext.layout.Layout","Ext.layout.component.Component","Ext.layout.component.field.Field"],"singleton":false,"code_type":"ext_define","alias":null,"statics":{"property":[],"css_var":[],"css_mixin":[],"cfg":[],"method":[{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"addStatics","id":"static-method-addStatics"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"borrow","id":"static-method-borrow"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"create","id":"static-method-create"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"createAlias","id":"static-method-createAlias"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"getName","id":"static-method-getName"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"implement","id":"static-method-implement"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"override","id":"static-method-override"}],"event":[]},"subclasses":["Ext.layout.component.field.File","Ext.layout.component.field.HtmlEditor","Ext.layout.component.field.Slider","Ext.layout.component.field.Text","Ext.layout.component.field.TextArea","Ext.layout.component.field.Trigger"],"uses":["Ext.tip.QuickTip","Ext.util.TextMetrics"],"protected":false,"mixins":[],"members":{"property":[{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"elementId","id":"property-elementId"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"errorStrategies","id":"property-errorStrategies"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"labelStrategies","id":"property-labelStrategies"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"left","id":"property-left"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"qtip","id":"property-qtip"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"right","id":"property-right"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.Base","template":null,"required":null,"protected":true,"name":"self","id":"property-self"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"side","id":"property-side"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"sizeBodyContents","id":"property-sizeBodyContents"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"title","id":"property-title"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"top","id":"property-top"},{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":null,"required":null,"protected":false,"name":"under","id":"property-under"}],"css_var":[],"css_mixin":[],"cfg":[],"method":[{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"callOverridden","id":"method-callOverridden"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"callParent","id":"method-callParent"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.Layout","template":true,"required":null,"protected":false,"name":"destroy","id":"method-destroy"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":false,"required":null,"protected":false,"name":"destroyTip","id":"method-destroyTip"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":false,"required":null,"protected":false,"name":"getErrorStrategy","id":"method-getErrorStrategy"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":false,"required":null,"protected":false,"name":"getLabelStrategy","id":"method-getLabelStrategy"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"getRenderTarget","id":"method-getRenderTarget"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"getTarget","id":"method-getTarget"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"initConfig","id":"method-initConfig"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":false,"required":null,"protected":false,"name":"initTip","id":"method-initTip"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"needsLayout","id":"method-needsLayout"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"setElementSize","id":"method-setElementSize"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.Component","template":false,"required":null,"protected":false,"name":"setTargetSize","id":"method-setTargetSize"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.component.field.Field","template":false,"required":null,"protected":false,"name":"sizeBody","id":"method-sizeBody"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"statics","id":"method-statics"}],"event":[]},"private":true,"component":false,"name":"Ext.layout.component.field.Field","alternateClassNames":[],"id":"class-Ext.layout.component.field.Field","mixedInto":[],"xtypes":{"layout":["field"]},"files":[{"href":"Field2.html#Ext-layout-component-field-Field","filename":"Field.js"}]}); \ No newline at end of file